सीएसएस भाषा के साथ काम करने की मूल बातें
हमने पहले ही HTML भाषा के मुख्य टैग्स को समझ लिया है और अब सुंदरता लाने का समय आ गया है। हम टेक्स्ट का रंग बदलने, उसका आकार बदलने, बैकग्राउंड और बहुत कुछ बदलने में सक्षम होना चाहेंगे। यह सीएसएस भाषा की मदद से किया जाता है।
आमतौर पर, सीएसएस कमांड (स्टाइल्स) एक अलग फाइल में स्टोर रहते हैं, जिसे एक विशेष टैग की मदद से हमारी वेबसाइट के सभी HTML पेजों से जोड़ा जाता है।
इस दृष्टिकोण का फायदा यह है कि सीएसएस फाइल एक होती है, और HTML फाइलों की संख्या कोई भी हो सकती है, चाहे हज़ार ही क्यों न हों। अगर हम सीएसएस फाइल में एक जगह परिवर्तन करते हैं, उदाहरण के लिए, सभी पैराग्राफ को लाल रंग में कर दें, तो ये परिवर्तन उन सभी हज़ारों HTML पेजों पर लागू होंगे जिनसे हमारी सीएसएस फाइल जुड़ी हुई है। बहुत सुविधाजनक और तेज़।
स्टाइल्स वाली फाइल का एक्सटेंशन .css होना चाहिए।
ऐसी फाइल को HTML पेज से जोड़ने के लिए,
head टैग में निम्नलिखित
कंस्ट्रक्शन लिखना चाहिए:
<link rel="stylesheet" href="fileName.css">
अगले उदाहरण में, हमारी HTML फाइल से styles.css
नाम की सीएसएस फाइल जोड़ी गई है:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>This is the title</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>
This is a paragraph with text.
</p>
</body>
</html>
अपने सभी पेजों के लिए styles.css फाइल
बनाएं और उसे जोड़ें।
