CSS विज्ञान योजना
CSS सीखने की साप्ताहिक योजना वेबसाइटों को स्टाइल करना, कदम दर कदम। सप्ताह 1: CSS की मूल बातें और सेलेक्टर 1.
CSS क्या है और इसे कैसे जोड़ें?
समझना कि CSS (कैस्केडिंग स्टाइल शीट्स) पेज के स्वरूप के लिए जिम्मेदार है। शैलियाँ जोड़ने के 3 तरीके जानें: बाहरी शीट (अनुशंसित): <link rel="stylesheet" href="style.css"> आंतरिक: <head> टैग के अंदर <style> टैग में। इनलाइन (Inline): HTML टैग में style="..." एट्रीब्यूट। 2.
सिंटैक्स और बुनियादी सेलेक्टर CSS का मूल नियम यह है: सेलेक्टर { गुण: मान; } । बुनियादी सेलेक्टर सीखें: /* Selektor tagu */ p { color: blue; } /* Selektor klasy */ .klasa-specjalna { font-weight: bold; } /* Selektor ID */ #unikalny-element { background-color: yellow; } 3.
बुनियादी गुण (Properties) टेक्स्ट और बैकग्राउंड को स्टाइल करने के लिए प्रमुख गुणों से शुरुआत करें: color : टेक्स्ट का रंग। background-color : एलिमेंट की पृष्ठभूमि का रंग। font-size : फ़ॉन्ट का आकार (जैसे 16px , 1.2em )। font-family : फ़ॉन्ट का प्रकार (जैसे Arial, sans-serif )। font-weight : फ़ॉन्ट की मोटाई (उदाहरण के लिए bold ).
text-align : टेक्स्ट का संरेखण (उदाहरण के लिए center ).
सप्ताह 2: बॉक्स मॉडल और पोजीशनिंग 1.
बॉक्स मॉडल (Box Model) प्रत्येक HTML तत्व एक आयताकार डिब्बा होता है। इसके घटकों को समझें: कंटेंट: सामग्री। पैडिंग: आंतरिक मार्जिन। बॉर्डर: किनारा। मार्जिन: बाहरी मार्जिन। .box { width: 200px; padding: 20px; border: 1px solid black; margin: 10px; } 2.