Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS

  1. CSS इमेज स्प्राइट का उपयोग करने का लाभ

    इमेज स्प्राइट का उपयोग करने का मुख्य लाभ http अनुरोधों की संख्या को कम करना है जो हमारी साइट के लोड समय को तेज करता है। छवियां भी तेजी से लोड होती हैं जिससे किसी घटना पर एक छवि से दूसरी छवि पर स्विच करना बहुत आसान हो जाता है। इमेज स्प्राइट एकल छवि में रखी गई छवियों का एक संग्रह है। CSS का उपयोग करत

  2. CSS3 के रेडियल ग्रेडियेंट बनाना

    रेडियल ग्रेडिएंट्स के लिए, कलर स्टॉप सेट करें। डिफ़ॉल्ट आकार दीर्घवृत्त है, लेकिन आप वृत्त जैसी अन्य आकृतियाँ भी सेट कर सकते हैं। CSS में रेडियल ग्रेडिएंट के लिए कम से कम दो कलर स्टॉप सेट करें। CSS का उपयोग करके रेडियल ग्रेडिएंट बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html

  3. फ़ायरफ़ॉक्स, सफारी, क्रोम, ओपेरा में सीएसएस अस्पष्टता

    फ़ायरफ़ॉक्स, गूगल क्रोम, ओपेरा, आदि जैसे सभी आधुनिक वेब ब्राउज़र में काम करने के लिए अस्पष्टता सेट करने के लिए, अस्पष्टता संपत्ति का उपयोग करें और सीएसएस वर्ग के तहत सेट करें - पारदर्शी{ अस्पष्टता:0.3;} आधुनिक ब्राउज़र में अस्पष्टता के साथ काम करने के लिए कोड निम्नलिखित है - उदाहरण body{ font-famil

  4. आरजीबीए का उपयोग कर सीएसएस पारदर्शिता

    CSS पारदर्शिता के लिए RGBA () मानों का उपयोग करें। रंग की अस्पष्टता निर्दिष्ट करने के लिए अल्फा चैनल पैरामीटर सेट करें। RGBA का उपयोग करके CSS पारदर्शिता को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: &qu

  5. सीएसएस मार्जिन और पैडिंग

    मार्जिन के लिए, CSS मार्जिन प्रॉपर्टी का उपयोग करें। मार्जिन गुण HTML तत्व के आसपास के स्थान को परिभाषित करता है। पैडिंग के लिए, पैडिंग प्रॉपर्टी आपको यह निर्दिष्ट करने की अनुमति देती है कि किसी तत्व की सामग्री और उसकी सीमा के बीच कितनी जगह दिखाई देनी चाहिए। सीएसएस में मार्जिन और पैडिंग प्रदर्शित

  6. सीएसएस के साथ एक उत्तरदायी इनलाइन फॉर्म कैसे बनाएं?

    सीएसएस के साथ रिस्पॉन्सिव इनलाइन फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण body { font-family:Arial, Helvetica , सेन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}फ़ॉर्म {डिस्प्ले:फ्लेक्स; फ्लेक्स-फ्लो:रो रैप; संरेखित-आइटम:केंद्र;}फॉर्म लेबल {मार्जिन:5px 10px 5px 0;}फॉर्म इनपुट { मार्जिन:5px 10px 5p

  7. सीएसएस के साथ फोकस पर इनपुट फ़ील्ड को कैसे साफ़ करें?

    निम्नलिखित कोड है फोकस पर इनपुट फ़ील्ड को साफ़ करने के लिए - उदाहरण <!DOCTYPE html> <html> <head> <h1>Clearing an input field on focus example</h1> <input type="text" onfocus="this.value=''" value="Some random text..."> <h2

  8. कैसे सीएसएस के साथ इनपुट प्रकार संख्या से तीर / स्पिनरों को दूर करने के लिए?

    सीएसएस का उपयोग करके इनपुट प्रकार से तीरों/स्पिनरों को हटाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> input::-webkit-outer-spin-button, input::-webk

  9. CSS के साथ एनिमेटेड सर्च फॉर्म कैसे बनाएं?

    निम्नलिखित कोड CSS के साथ एक एनिमेटेड खोज फ़ॉर्म बनाता है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> *{    box-sizing: border-box; } input[type=text] {    wi

  10. CSS के साथ सर्च बटन कैसे बनाएं?

    CSS के साथ खोज बटन बनाने के लिए निम्नलिखित कोड है - उदाहरण body { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सैन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}इनपुट [टाइप =टेक्स्ट] {पैडिंग:12px; फ़ॉन्ट-आकार:17px; सीमा:1px ठोस ग्रे; नाव छोड़ी; चौड़ाई:80%; बैकग्राउंड:#f1f1f1;}बटन {फ्लोट:लेफ्ट; चौड़

  11. इसके अंदर इनपुट फ़ील्ड के साथ नेविगेशन मेनू कैसे बनाएं?

    इसके अंदर एक इनपुट फ़ील्ड के साथ एक नेविगेशन मेनू बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document&

  12. एचटीएमएल और सीएसएस के साथ इसके अंदर एक लॉगिन फॉर्म के साथ एक उत्तरदायी नेविगेशन मेनू कैसे बनाएं?

    इसके अंदर एक लॉगिन फॉर्म के साथ एक प्रतिक्रियाशील नेविगेशन मेनू बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&

  13. HTML और CSS के साथ साइनअप फॉर्म कैसे बनाएं?

    HTML और CSS का उपयोग करके साइनअप फ़ॉर्म बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <style> body{    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } * {box-sizing: border-box} input[type=text], input[type=password] {

  14. CSS के साथ रिस्पॉन्सिव चेकआउट फॉर्म कैसे बनाएं?

    CSS के साथ रिस्पॉन्सिव चेकआउट फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body {    font-family: Arial;    font-size: 1

  15. CSS के साथ संपर्क फ़ॉर्म कैसे बनाएं?

    CSS का उपयोग करके संपर्क फ़ॉर्म बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} body{    font-family: 'Segoe

  16. CSS के साथ सोशल मीडिया लॉगिन फॉर्म कैसे बनाएं?

    CSS का उपयोग करके सोशल मीडिया लॉगिन फ़ॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <title>Responsive login form with social media login buttons</title> <meta charset="utf-8" /> <meta name="viewport" content=&quo

  17. CSS के साथ रजिस्टर फॉर्म कैसे बनाएं?

    CSS के साथ रजिस्टर फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {    font-family: Arial, Helvetica, sans-serif; } h1{   &n

  18. सीएसएस का उपयोग करके आइकन के साथ फॉर्म कैसे बनाएं?

    आइकनों के साथ एक फॉर्म बनाने के लिए निम्नलिखित कोड है - उदाहरण body { font-family:Segoe UI, ताहोमा, जिनेवा, वर्दाना , सेन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}h1 {पाठ-संरेखण:केंद्र;}फ़ॉर्म {अधिकतम-चौड़ाई:500px; मार्जिन:ऑटो;}। फील्डकंटेनर {डिस्प्ले:फ्लेक्स; चौड़ाई:100%; मार्जिन-बॉटम:15पीएक्स;}.आ

  19. CSS के साथ ईमेल न्यूज़लेटर कैसे बनाएं?

    CSS के साथ एक ईमेल न्यूज़लेटर बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <style> body {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;} h1{    text-align: center; } form {    border: 3px solid #f1f1f1;   &nbs

  20. सीएसएस के साथ एक स्टैक्ड फॉर्म कैसे बनाएं?

    CSS के साथ स्टैक्ड फॉर्म बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {    font-family: Arial, Helvetica, sans-serif;    fo

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:12/79  20-कंप्यूटर/Page Goto:1 6 7 8 9 10 11 12 13 14 15 16 17 18