सीएसएस ट्यूटोरियल

सीएसएस होम सीएसएस परिचय सीएसएस सिंटेक्स सीएसएस चयनकर्ता सीएसएस कैसे करें सीएसएस टिप्पणियाँ सीएसएस रंग सीएसएस पृष्ठभूमि सीएसएस बॉर्डर्स सीएसएस मार्जिन सीएसएस पैडिंग सीएसएस ऊंचाई/चौड़ाई सीएसएस बॉक्स मॉडल सीएसएस रूपरेखा सीएसएस पाठ सीएसएस फ़ॉन्ट्स सीएसएस प्रतीक सीएसएस लिंक सीएसएस सूचियां सीएसएस टेबल्स सीएसएस प्रदर्शन सीएसएस अधिकतम-चौड़ाई सीएसएस स्थिति सीएसएस जेड-इंडेक्स सीएसएस अतिप्रवाह सीएसएस फ्लोट सीएसएस इनलाइन-ब्लॉक सीएसएस संरेखित करें सीएसएस संयोजक सीएसएस छद्म वर्ग सीएसएस छद्म तत्व सीएसएस अस्पष्टता सीएसएस नेविगेशन बार सीएसएस ड्रॉपडाउन सीएसएस छवि गैलरी सीएसएस छवि स्प्राइट्स सीएसएस एटीआर चयनकर्ता सीएसएस फॉर्म सीएसएस काउंटर सीएसएस वेबसाइट लेआउट सीएसएस इकाइयां सीएसएस विशिष्टता सीएसएस !महत्वपूर्ण सीएसएस गणित कार्य

सीएसएस उन्नत

सीएसएस गोल कोनों सीएसएस सीमा छवियां सीएसएस पृष्ठभूमि सीएसएस रंग सीएसएस रंग कीवर्ड सीएसएस ग्रेडिएंट सीएसएस छाया सीएसएस पाठ प्रभाव सीएसएस वेब फ़ॉन्ट्स CSS 2D ट्रांसफ़ॉर्म CSS 3D ट्रांसफ़ॉर्म सीएसएस संक्रमण सीएसएस एनिमेशन सीएसएस टूलटिप्स सीएसएस शैली छवियां सीएसएस छवि प्रतिबिंब CSS ऑब्जेक्ट-फिट सीएसएस वस्तु-स्थिति सीएसएस मास्किंग सीएसएस बटन सीएसएस पेजिनेशन सीएसएस एकाधिक कॉलम सीएसएस यूजर इंटरफेस सीएसएस चर सीएसएस बॉक्स साइजिंग सीएसएस मीडिया प्रश्न सीएसएस एमक्यू उदाहरण सीएसएस फ्लेक्सबॉक्स

सीएसएस उत्तरदायी

आरडब्ल्यूडी परिचय आरडब्ल्यूडी व्यूपोर्ट आरडब्ल्यूडी ग्रिड व्यू आरडब्ल्यूडी मीडिया प्रश्न आरडब्ल्यूडी छवियां आरडब्ल्यूडी वीडियो आरडब्ल्यूडी फ्रेमवर्क आरडब्ल्यूडी टेम्पलेट्स

सीएसएस ग्रिड

ग्रिड परिचय ग्रिड कंटेनर ग्रिड आइटम

सीएसएस एसएएसएस

एसएएसएस ट्यूटोरियल

सीएसएस उदाहरण

सीएसएस टेम्पलेट्स सीएसएस उदाहरण सीएसएस प्रश्नोत्तरी सीएसएस अभ्यास सीएसएस प्रमाणपत्र

सीएसएस संदर्भ

सीएसएस संदर्भ सीएसएस चयनकर्ता सीएसएस कार्य सीएसएस संदर्भ कर्ण सीएसएस वेब सुरक्षित फ़ॉन्ट्स सीएसएस एनिमेटेबल सीएसएस इकाइयां सीएसएस पीएक्स-ईएम कनवर्टर सीएसएस रंग सीएसएस रंग मान सीएसएस डिफ़ॉल्ट मान सीएसएस ब्राउज़र समर्थन

सीएसएस रंग


रंग पूर्वनिर्धारित रंग नामों, या RGB, HEX, HSL, RGBA, HSLA मानों का उपयोग करके निर्दिष्ट किए जाते हैं।


सीएसएस रंग नाम

CSS में, एक पूर्वनिर्धारित रंग नाम का उपयोग करके एक रंग निर्दिष्ट किया जा सकता है:

टमाटर
संतरा
चालाक नीला
मध्यमसमुद्र हरा
धूसर
स्लेटी छाया वाला नीला रंग
बैंगनी
हल्का ग्रे

CSS/HTML 140 मानक रंग नामों का समर्थन करता है ।


सीएसएस पृष्ठभूमि रंग

आप HTML तत्वों के लिए पृष्ठभूमि का रंग सेट कर सकते हैं:

नमस्ते दुनिया


दर्द ही तो प्यार है यही कारण है कि यह थोड़ा सा आने वाला है, जो हमारे सामान्य अभ्यास परिणामों का लाभ उठाने के लिए सहन करता है

उदाहरण

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>


सीएसएस पाठ रंग

आप टेक्स्ट का रंग सेट कर सकते हैं:

नमस्ते दुनिया

दर्द ही तो प्यार है

यही कारण है कि यह थोड़ा सा आने वाला है, जो हमारे सामान्य अभ्यास परिणामों का लाभ उठाने के लिए सहन करता है

उदाहरण

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

सीएसएस सीमा रंग

आप सीमाओं का रंग निर्धारित कर सकते हैं:

नमस्ते दुनिया

नमस्ते दुनिया

नमस्ते दुनिया

उदाहरण

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

सीएसएस रंग मान

CSS में, RGB मान, HEX मान, HSL मान, RGBA मान और HSLA मानों का उपयोग करके रंगों को भी निर्दिष्ट किया जा सकता है:

रंग नाम "टमाटर" के समान:

आरजीबी (255, 99, 71)
#ff6347
एचएसएल (9, 100%, 64%)

रंग नाम "टमाटर" के समान, लेकिन 50% पारदर्शी:

आरजीबीए (255, 99, 71, 0.5)
एचएसएलए (9, 100%, 64%, 0.5)

उदाहरण

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

रंग मूल्यों के बारे में अधिक जानें

आप अगले अध्यायों में RGB , HEX और HSL के बारे में और जानेंगे ।