सीएसएस परिचय
CSS वह भाषा है जिसका उपयोग हम वेब पेज को स्टाइल करने के लिए करते हैं।
सीएसएस क्या है?
- CSS का मतलब कैस्केडिंग स्टाइल शीट्स है
- CSS वर्णन करता है कि HTML तत्वों को स्क्रीन, पेपर या अन्य मीडिया में कैसे प्रदर्शित किया जाना है
- CSS बहुत काम बचाता है। यह एक साथ कई वेब पेजों के लेआउट को नियंत्रित कर सकता है
- बाहरी स्टाइलशीट को CSS फाइलों में स्टोर किया जाता है
CSS डेमो - एक HTML पेज - कई शैलियाँ!
यहां हम चार अलग-अलग स्टाइलशीट के साथ प्रदर्शित एक HTML पेज दिखाएंगे। विभिन्न शैलियों को देखने के लिए नीचे "स्टाइलशीट 1", "स्टाइलशीट 2", "स्टाइलशीट 3", "स्टाइलशीट 4" लिंक पर क्लिक करें:
सीएसएस का उपयोग क्यों करें?
CSS का उपयोग आपके वेब पेजों के लिए शैलियों को परिभाषित करने के लिए किया जाता है, जिसमें विभिन्न उपकरणों और स्क्रीन आकारों के लिए डिज़ाइन, लेआउट और प्रदर्शन में विविधताएं शामिल हैं।
सीएसएस उदाहरण
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
CSS ने एक बड़ी समस्या का समाधान किया
HTML का उद्देश्य कभी भी वेब पेज को फॉर्मेट करने के लिए टैग शामिल करना नहीं था!
HTML एक वेब पेज की सामग्री का वर्णन करने के लिए बनाया गया था, जैसे:
<h1>यह एक शीर्षक है</h1>
<p>यह एक पैराग्राफ है।</p>
जब HTML 3.2 विनिर्देशन में <font>, और रंग विशेषताओं जैसे टैग जोड़े गए, तो यह वेब डेवलपर्स के लिए एक बुरा सपना शुरू हो गया। बड़ी वेबसाइटों का विकास, जहां हर एक पेज पर फोंट और रंग की जानकारी जोड़ी जाती थी, एक लंबी और महंगी प्रक्रिया बन गई।
इस समस्या को हल करने के लिए वर्ल्ड वाइड वेब कंसोर्टियम (W3C) ने CSS बनाया।
CSS ने HTML पेज से स्टाइल फ़ॉर्मेटिंग को हटा दिया!
यदि आप नहीं जानते कि HTML क्या है, तो हमारा सुझाव है कि आप हमारा HTML ट्यूटोरियल पढ़ें ।
CSS बहुत काम बचाता है!
शैली परिभाषाएँ सामान्य रूप से बाहरी .css फ़ाइलों में सहेजी जाती हैं।
बाहरी स्टाइलशीट फ़ाइल के साथ, आप केवल एक फ़ाइल को बदलकर पूरी वेबसाइट का रूप बदल सकते हैं!