What is CSS Hindi : CSS (कैस्केडिंग स्टाइल शीट्स) एक स्टाइल शीट भाषा है जिसका उपयोग HTML जैसी मार्कअप भाषा में लिखे गए दस्तावेज़ के रूप और स्वरूपण का वर्णन करने के लिए किया जाता है।
सीएसएस का उपयोग वेब पेजों की दृश्य प्रस्तुति को नियंत्रित करने के लिए किया जाता है, जिसमें लेआउट, रंग, फोंट और वेबसाइट के अन्य दृश्य तत्व शामिल हैं। CSS के साथ, वेब डेवलपर किसी वेब पेज की सामग्री को उसकी प्रस्तुति से अलग कर सकते हैं, जिससे वेबसाइट के डिज़ाइन को प्रबंधित करना और अपडेट करना आसान हो जाता है।
CSS HTML तत्वों के लिए नियमों, या शैलियों का एक सेट लागू करके काम करता है। ये शैलियाँ परिभाषित करती हैं कि तत्वों को पृष्ठ पर कैसे दिखना चाहिए, जैसे कि फ़ॉन्ट परिवार और आकार, पृष्ठभूमि का रंग और तत्वों के बीच की दूरी। CSS अनुकूलन विकल्पों की एक विस्तृत श्रृंखला की अनुमति देता है, और इसका उपयोग उत्तरदायी डिज़ाइन बनाने के लिए किया जा सकता है जो विभिन्न स्क्रीन आकारों और उपकरणों के अनुकूल हो।
Example
<!DOCTYPE html>
<html>
<head>
<title>My CSS Example</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text.</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</body>
</html>
CSS Code
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #008080;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
background-color: #f9f9f9;
padding: 10px;
}
इस उदाहरण में, हमारे पास एक HTML दस्तावेज़ है जिसमें बाहरी CSS फ़ाइल का संदर्भ शामिल है। CSS फ़ाइल विभिन्न HTML तत्वों के लिए शैलियों को परिभाषित करती है:
बॉडी एलिमेंट में हल्के भूरे रंग का पृष्ठभूमि रंग और एरियल या सैंस-सेरिफ़ का एक डिफ़ॉल्ट फ़ॉन्ट परिवार है।
h1 तत्व का रंग चैती (#008080) रंग का होता है और यह मध्य में होता है।
p तत्व का फ़ॉन्ट आकार 16 पिक्सेल और रेखा की ऊँचाई 1.5 है (जो पाठ की पंक्तियों के बीच कुछ स्थान जोड़ता है)।
उल तत्व में कोई बुलेट बिंदु नहीं है और कोई मार्जिन या पैडिंग नहीं है, और ली तत्वों में हल्के भूरे रंग की पृष्ठभूमि का रंग है, उनके नीचे कुछ मार्जिन और उनके अंदर कुछ पैडिंग है।
जब HTML दस्तावेज़ को वेब ब्राउज़र में लोड किया जाता है, तो संबंधित तत्वों पर CSS नियम लागू होते हैं, जिसके परिणामस्वरूप एक अच्छी तरह से स्टाइल वाला वेब पेज बनता है।
Related Post :
What is HTML Hindi