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

सीएसएस में प्रतिशत और एम के संयोजन का उपयोग करना

<घंटा/>

हम फ़ॉन्ट की बेहतर संगतता के लिए तत्वों के फ़ॉन्ट-आकार को निर्दिष्ट करने के लिए प्रतिशत और एम के संयोजन का उपयोग कर सकते हैं। यह हमें विभिन्न ब्राउज़रों में एक समान टेक्स्ट रखने की अनुमति देता है।

सिंटैक्स

CSS फॉन्ट-साइज़ प्रॉपर्टी का सिंटैक्स इस प्रकार है -

<पूर्व>चयनकर्ता { फ़ॉन्ट-आकार:/*मान*/}

उदाहरण

निम्नलिखित उदाहरण बताते हैं कि कैसे सीएसएस फ़ॉन्ट-आकार की संपत्ति को कीवर्ड के साथ सेट किया जा सकता है -

<शैली>बॉडी { फॉन्ट-साइज:80%;}p { फॉन्ट-साइज:2em;}स्पैन { फॉन्ट-साइज:4em; font-style:italic;}

दूसरों द्वारा लिखे गए सोर्स कोड को पढ़ने से आपको उस कोड को लिखने में की गई गलतियों की आलोचना करने का मौका मिलता है

आउटपुट

यह निम्न आउटपुट देता है -

सीएसएस में प्रतिशत और एम के संयोजन का उपयोग करना

उदाहरण

डेमो हेडिंग

यह उदाहरण टेक्स्ट है।
उदाहरण व्यावहारिक कार्यान्वयन के साथ समझना आसान है

यह सीएसएस में फ़ॉन्ट आकार सेट करने के विभिन्न तरीकों को प्रदर्शित करने के लिए एक और टेक्स्ट है।

आउटपुट

यह निम्न आउटपुट देता है -

सीएसएस में प्रतिशत और एम के संयोजन का उपयोग करना


  1. CSS का उपयोग करके लिंक का रंग सेट करना

    CSS हमें लिंक्स को कलर करने की अनुमति देता है। कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट में टेक्स्ट का रंग सेट करने के लिए किया जाता है। छद्म चयनकर्ताओं का क्रम निम्न द्वारा दिया जाता है:- :लिंक, :विजिटेड, :होवर, :सक्रिय। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल

  1. CSS3 के रैखिक और रेडियल ग्रेडिएंट का उपयोग करना

    ग्रेडियेंट दो या दो से अधिक रंगों के संयोजन को प्रदर्शित करता है। लीनियर ग्रेडिएंट्स का उपयोग दो या दो से अधिक रंगों को लीनियर फॉर्मेट जैसे ऊपर से नीचे तक व्यवस्थित करने के लिए किया जाता है। रेडियल ग्रेडिएंट केंद्र में दिखाई देते हैं। CSS3 में रैखिक और रेडियल ग्रेडिएंट उपयोग को दर्शाने वाला कोड निम