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

CSS

  1. CSS ग्रिड संपत्ति का उपयोग

    ग्रिड प्रॉपर्टी के साथ निम्नलिखित गुण सेट करें:ग्रिड-टेम्पलेट-पंक्तियाँ, ग्रिड-टेम्पलेट-कॉलम, ग्रिड-टेम्पलेट-क्षेत्र, ग्रिड-ऑटो-पंक्तियाँ, ग्रिड-ऑटो-कॉलम, और ग्रिड-ऑटो-फ़्लो प्रॉपर्टी। उदाहरण आप CSS ग्रिड गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html&g

  2. सीएसएस ग्रिड-पंक्ति संपत्ति

    ग्रिड-पंक्ति संपत्ति के साथ, ग्रिड आइटम का आकार निर्धारित करें। इसमें ग्रिड-पंक्ति-प्रारंभ और ग्रिड-पंक्ति-अंत गुण हैं। आप CSS ग्रिड-पंक्ति गुण को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> <html>    <head>       <s

  3. रैखिक-ढाल () CSS फ़ंक्शन का उपयोग

    रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

  4. सीएसएस के साथ चारों ओर रिक्त स्थान के साथ फ्लेक्स लाइनें दिखाएं

    संरेखित-सामग्री . का उपयोग करें मूल्य के साथ संपत्ति अंतरिक्ष के आसपास फ्लेक्स लाइनों के आसपास जगह जोड़ने के लिए। स्पेस-अराउंड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य उदाहरण div {पृष्ठभूमि-रंग:#00FF00; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:

  5. सीएसएस के साथ कंटेनर के केंद्र में फ्लेक्स लाइनों को प्रदर्शित करें

    संरेखित-सामग्री का उपयोग करें फ्लेक्स लाइनों को केंद्र में सेट करने के लिए मूल्य केंद्र के साथ संपत्ति। केंद्र . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य उदाहरण div {पृष्ठभूमि-रंग:पीला; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:100 पीएक्स; मार्जिन

  6. CSS नेवी-राइट प्रॉपर्टी

    नेव-राइट प्रॉपर्टी का उपयोग दाहिनी ओर जाने के लिए किया जाता है जब आप कीपैड में दायां तीर बटन दबाते हैं। आप CSS नेवी-राइट प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nbs

  7. सीएसएस में फ्लेक्सबॉक्स तत्वों के साथ कैसे काम करें?

    एक फ्लेक्स कंटेनर को परिभाषित करें और उसमें फ्लेक्स आइटम सेट करें। फ्लेक्सबॉक्स तत्वों को कार्यान्वित करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। Q1, Q2, Q3 यहाँ फ्लेक्स-आइटम हैं। संपूर्ण क्षेत्र फ्लेक्सबॉक्स तत्व है उदाहरण <!DOCTYPE html> <html>    

  8. CSS ग्रिड के लिए गैप आकार समायोजित करें

    गैप साइज को एडजस्ट करने के लिए CSS में ग्रिड-कॉलम-गैप, ग्रिड-रो-गैप या ग्रिड-गैप प्रॉपर्टी का इस्तेमाल करें। ग्रिड-कॉलम-गैप प्रॉपर्टी CSS के साथ ग्रिड कॉलम के बीच गैप सेट करें। आप ग्रिड-कॉलम-गैप प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> &l

  9. सीएसएस फ्लेक्स आइटम गुण

    फ्लेक्स-आइटम गुण निम्नलिखित हैं आदेश फ्लेक्स-ग्रो फ्लेक्स सिकोड़ें फ्लेक्स-आधार फ्लेक्स स्वयं को संरेखित करें आइए फ्लेक्स-बेस प्रॉपर्टी का एक उदाहरण देखें फ्लेक्स-आधार सीएसएस संपत्ति के साथ एक फ्लेक्स आइटम की लंबाई निर्धारित करें। आप फ्लेक्स-आधार संपत्ति को लागू करने के लिए निम्न कोड को चलाने का

  10. सीएसएस के साथ एक छवि पर टेक्स्ट को केंद्र में कैसे रखें

    किसी छवि को केंद्र में रखने के लिए टेक्स्ट को स्थान देने के लिए, CSS में ट्रांसफ़ॉर्म प्रॉपर्टी का उपयोग करें। आप छवि पर केंद्रित पाठ के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .container { पोजीशन:रिलेटिव; } .topleft { स्थिति:निरपेक्ष; बाएं:50%; शीर्ष:50%; परिवर्तन:अनुवाद (-50%, -50%); फ

  11. CSS ग्रिड लेआउट में प्रत्येक कॉलम की चौड़ाई को परिभाषित करें

    ग्रिड लेआउट में प्रत्येक कॉलम की चौड़ाई निर्धारित करने के लिए, ग्रिड-टेम्पलेट-कॉलम का उपयोग करें संपत्ति। उदाहरण आप इसे लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>       &n

  12. CSS ग्रिड-गैप संपत्ति का उपयोग

    CSS के साथ ग्रिड रो और कॉलम के बीच गैप सेट करें। आप ग्रिड-गैप प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .container {     &n

  13. सीएसएस की भूमिका औचित्य-सामग्री संपत्ति केंद्र मूल्य

    औचित्य-सामग्री का उपयोग करें मूल्य के साथ संपत्ति केंद्र फ्लेक्स-आइटम को केंद्र में संरेखित करने के लिए। उदाहरण आप केंद्र मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>     &n

  14. CSS ग्रिड कंटेनर में प्रत्येक पंक्ति की ऊँचाई को परिभाषित करें

    ग्रिड-टेम्पलेट-पंक्तियों का उपयोग करें CSS ग्रिड लेआउट में पंक्तियों की संख्या को परिभाषित करने के लिए संपत्ति। उदाहरण आप कई पंक्तियों को सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। <!DOCTYPE html> <html>    <head>       <style>   &nb

  15. CSS ग्रिड-कॉलम-स्टार्ट प्रॉपर्टी का उपयोग

    सेट करें कि CSS ग्रिड-कॉलम-स्टार्ट प्रॉपर्टी के साथ ग्रिड-आइटम कहाँ से शुरू करें। उदाहरण आप ग्रिड-कॉलम-स्टार्ट प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>       &nb

  16. सीएसएस ग्रिड लाइन्स

    ग्रिड लाइन्स कॉलम लाइन्स और रो लाइन्स हैं। स्तंभ रेखाएँ स्तंभों के बीच की रेखाएँ और पंक्तियों के बीच पंक्ति रेखाएँ होती हैं। निम्नलिखित ग्रिड लाइनों का एक उदाहरण है उदाहरण <!DOCTYPE html> <html>    <head>       <style>         &n

  17. सीएसएस के साथ एक छवि पर टेक्स्ट को शीर्ष बाएं स्थान पर कैसे रखें

    टेक्स्ट को ऊपर बाईं ओर रखने के लिए, बाएँ और ऊपर का उपयोग करें संपत्ति। छवि पर टेक्स्ट को बाईं ओर रखने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box { &

  18. सीएसएस फ्लेक्स-दिशा संपत्ति की भूमिका पंक्ति-रिवर्स मान

    फ्लेक्स-दिशा का उपयोग करें पंक्ति . के साथ संपत्ति फ्लेक्स-आइटम को क्षैतिज रूप से, दाएं से बाएं सेट करने के लिए मान। उदाहरण पंक्ति-रिवर्स मान को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style

  19. वीडियो प्लेयर के लिए उत्तरदायी सीएसएस अधिकतम-चौड़ाई वाली संपत्ति का उपयोग करें

    आप उपयोग करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं अधिकतम-चौड़ाई आपके वीडियो प्लेयर को उत्तरदायी बनाने के लिए संपत्ति - उदाहरण <!DOCTYPE html> <html>    <head>       <meta name = "viewport" content = "width=device-width, init

  20. सीएसएस ग्रिड लेआउट

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

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:38/79  20-कंप्यूटर/Page Goto:1 32 33 34 35 36 37 38 39 40 41 42 43 44