TOC

This article is currently in the process of being translated into Hindi (~97% done).

Introduction:

What is CSS?

सी.एस.एस या कैस्केडिंग स्टाइल शीट्स, इंटरनेट पर वेबपृष्ठों (मार्कअप के दस्तावेज, जैसे HTML और XML ) के स्वरूप का वर्णन करने के लिए उपयोग की जाने वाली प्राथमिक भाषा है |

HTML जैसी मार्कअप लैंग्वेज को शुरू में स्वरूपण और स्वयं के बारे में जानकारी प्रदान करने के लिए डिज़ाइन किया गया था, लेकिन जल्द ही यह स्पष्ट हो गया कि इसे दो परतों में विभाजित करने के लिए बहुत अधिक अर्थ होगा: दस्तावेज़ सामग्री और दस्तावेज़ प्रस्तुति, सीएसएस बाद के कार्य को पूरा करने के साथ। । ऐतिहासिक रूप से यही कारण है कि HTML में फ़ॉन्ट जैसे टैग होते हैं, जिसका एकमात्र उद्देश्य स्थानीय रूप से फ़ॉन्ट परिवार, रंग और आकार को समायोजित करना है, जो आज CSS द्वारा नियंत्रित किया जाता है। यह डेवलपर को एक ही दस्तावेज़ में कई स्थानों पर और यहां तक ​​कि कई दस्तावेज़ों में फ़ॉर्मेटिंग नियमों का फिर से उपयोग करने की अनुमति देता है। यहाँ मेरी बात साबित करने के लिए एक उदाहरण है, और चिंता न करें अगर यह आपके लिए पूरी तरह से स्पष्ट नहीं है कि यह क्या करता है - सभी पहलुओं को इस ट्यूटोरियल में समझाया जाएगा:

Old style text formatting, using only HTML:

This is a piece of
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>text</b></i></font> with
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>highlighted</b></i></font> elements in
<font face="Tahoma,Verdana,Arial" color="Blue" size="3"><i><b>it</b></i></font>.

CSS के साथ एक और आधुनिक दृष्टिकोण

<style type="text/css">
.highlight {
	color: Blue;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	font-family: Tahoma, Verdana, Arial;
}
</style>

This is a piece of
<span class="highlight">text</span> with
<span class="highlight">highlighted</span> elements in
<span class="highlight">it</span>.

ध्यान दें कि मैं कैसे कई HTML टैग में नियमों के एक ही सेट का पुनः उपयोग करता हूं। तीन बार उपयोग करने पर यह पहले से ही एक फायदा है, जैसे हम करते हैं उदाहरण, लेकिन यह वहाँ समाप्त नहीं होता है - सीएसएस को एक बाहरी स्टाइलशीट फ़ाइल (उस पर और बाद में) में डालें और आप अपने ENTIRE भर में समान नियमों का उपयोग कर सकते हैं वेबसाइट। और कैसे के बारे में जब आप तय करते हैं कि हाइलाइट किए गए पाठ को नीले के बजाय लाल होना चाहिए? पहले दृष्टिकोण के साथ, आपको मैन्युअल रूप से संपादित करना होगा टैग हर जगह आप इसे इस्तेमाल किया - सीएसएस के साथ, बस ".highlight" नियम को बदल दें!

Summary

CSS आपको अपने HTML तत्वों में फ़ॉर्मेटिंग और लेआउट के बारे में आसानी से नियम लागू करने की अनुमति देता है और फिर उन नियमों को कई तत्वों और यहाँ तक कि पृष्ठों पर फिर से उपयोग करता है। इस परिचय में, हमने कुछ सीएसएस कोड को देखा, लेकिन हमने इस बारे में बात नहीं की कि यह कैसे काम करता है और यह जिस तरह से दिखता है, यह क्यों होता है - यह अगले दो अध्यायों के लिए विषय होगा, जहां हम खरोंच से शुरू करते हैं और यह सब समझाते हैं। विवरण में।

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!