शुरुआती के लिए HTML और CSS ट्यूटोरियल
HTML की मूल बातें
परिचय
HTML भाषा
HTML टैग
विशेषताएँ
स्टाइल्स
पृष्ठ की मूल संरचना
मूल टैग
पैराग्राफ
शीर्षक
टेक्स्ट को बोल्ड में चिह्नित करना
टेक्स्ट को इटैलिक में चिह्नित करना
अक्रमित सूचियाँ
क्रमित सूचियाँ
लिंक
आंतरिक लिंक
छवियाँ
छवि की चौड़ाई
छवि की ऊँचाई
छवि की चौड़ाई और ऊँचाई सेट करना
टेबल
टेबल की चौड़ाई और ऊँचाई
शीर्षक सेल
प्रैक्टिकम
CSS मूल बातें
CSS का परिचय
CSS के साथ कैसे काम करें
रंग के लिए मान
कोई भी रंग
चौड़ाई और ऊंचाई
टेक्स्ट अलाइनमेंट
टेक्स्ट को दाएं अलाइन करना
टेक्स्ट को सेंटर में अलाइन करना
टेक्स्ट को बाएं अलाइन करना
टेक्स्ट को एक साथ दाएं और बाएं अलाइन करना
टेक्स्ट अलाइनमेंट पर अभ्यास
बोल्डनेस
इटैलिक
फ़ॉन्ट साइज
फ़ॉन्ट फैमिली
लाइन हाइट
बिना इकाइयों के line-height मान
फ़ॉन्ट शॉर्टहैंड प्रॉपर्टी
टेक्स्ट की रेड लाइन
टेक्स्ट इफेक्ट्स
टेक्स्ट को अंडरलाइन करना
टेक्स्ट को ओवरलाइन करना
टेक्स्ट को स्ट्राइकथ्रू करना
टेक्स्ट के लिए इफेक्ट्स को हटाना
प्रैक्टिकम
सेलेक्टर्स
टैग के रिश्तेदारी संबंध
गुणों का उत्तराधिकार
सेलेक्टर्स का समूहीकरण
सामान्य गुण
डिसेंडेंट सेलेक्टर्स
चाइल्ड सेलेक्टर
क्लास सेलेक्टर
स्पैन टैग
डिव टैग
कक्षाओं का समूहीकरण
दिए गए वर्ग के साथ टैग
डिसेंडेंट सेलेक्टर और कक्षाएं
डिसेंडेंट सेलेक्टर और कक्षाओं के जटिल संयोजन
डिसेंडेंट सेलेक्टर में नौसिखियों की गलती
कई कक्षाओं वाला एलिमेंट
आईडी सेलेक्टर
आईडी सेलेक्टर और कक्षाएं
आईडी का उपयोग
कई कक्षाओं के लिए सेलेक्टर
कई सेलेक्टर्स एक साथ
कई सेलेक्टर्स की गलती
जटिल सेलेक्टर्स का समूहीकरण
समूहीकरण में गलती
सेलेक्टर्स के संयोजन पर प्रशिक्षण
सेलेक्टर्स की प्राथमिकता
संपत्ति संघर्ष पर टिप्पणी
विशिष्टता के नियम
डिसेंडेंट सेलेक्टर्स की प्राथमिकता
आसन्न सिबलिंग सेलेक्टर
सामान्य सिबलिंग सेलेक्टर
यूनिवर्सल सेलेक्टर
एट्रिब्यूट सेलेक्टर्स
लिंक की अवस्थाएं
लिंक अवस्थाओं के क्रम की बारीकियां
लिंक और विज़िटेड अवस्थाएं
लिंक अवस्थाओं का सामान्य उपयोग
लिंक के साथ जटिल सेलेक्टर्स
क्लास के साथ लिंक
अंतिम एलिमेंट्स का चयन
पोजीशन के आधार पर चयन
एकमात्र चाइल्ड का चयन
खाली एलिमेंट्स का चयन
पोजीशन और एलिमेंट प्रकार के आधार पर चयन
निगेशन नॉट
सजावट
पृष्ठभूमि रंग
बॉर्डर के साथ काम करने की मूल बातें
ठोस बॉर्डर
बिंदुवत बॉर्डर
डैश वाली बॉर्डर
उभरी हुई बॉर्डर
डबल बॉर्डर
बॉर्डर के लिए शॉर्टहैंड प्रॉपर्टी
विभिन्न साइड्स के लिए बॉर्डर
ब्लॉक के किनारों को गोल करना
पृष्ठभूमि के किनारों को गोल करना
वृत्त बनाना
विभिन्न कोनों के लिए गोलाई
चार मान
दो मान
तीन मान
प्रतिशत में गोलाई
प्रतिशत में गोलाई करते समय वृत्त बनाना
पृष्ठभूमि के लिए छवि
पृष्ठभूमि छवि की पुनरावृत्ति
पृष्ठभूमि के लिए अन्य गुण
ul सूचियों के मार्कर
ul सूचियों के वर्गाकार मार्कर
ul सूचियों के गोलाकार मार्कर
ul सूचियों के भरे हुए गोलाकार मार्कर
ul सूचियों के मार्कर का अभाव
ol सूचियों के मार्कर
ol सूचियों के लिए छोटे रोमन अंक
ol सूचियों के लिए बड़े रोमन अंक
ol सूचियों के लिए छोटे लैटिन अक्षर
ol सूचियों के लिए बड़े लैटिन अक्षर
ol सूचियों के लिए छोटे ग्रीक अक्षर
ol सूचियों के लिए आगे शून्य वाली संख्याएं
ब्लॉक मॉडल
मार्जिन (बाहरी हाशिया)
विभिन्न दिशाओं के लिए मार्जिन
मार्जिन में कई मान
मार्जिन में चार मान
मार्जिन में दो मान
मार्जिन में तीन मान
पैडिंग (आंतरिक हाशिया)
विभिन्न दिशाओं के लिए पैडिंग
पैडिंग में कई मान
तत्वों का विस्तार
तत्वों के विस्तार पर बॉर्डर का प्रभाव
तत्वों के विस्तार पर पैडिंग और बॉर्डर का संयुक्त प्रभाव
तत्वों के विस्तार को रद्द करना
ब्लॉक तत्व
ब्लॉक तत्व की चौड़ाई और ऊंचाई
ब्लॉक तत्व की चौड़ाई
ब्लॉक तत्व की ऊंचाई
सामग्री के बिना ऊंचाई
एक के बाद एक कई ब्लॉक तत्व
इनलाइन तत्व
इनलाइन तत्व की चौड़ाई और ऊंचाई
एक के बाद एक कई इनलाइन तत्व
इनलाइन तत्वों के बीच की दूरी
ब्लॉक मॉडल की परिभाषा
डिस्प्ले गुण
इनलाइन-ब्लॉक तत्व
इनलाइन-ब्लॉक तत्व की चौड़ाई और ऊंचाई
इनलाइन-ब्लॉक तत्व की चौड़ाई
इनलाइन-ब्लॉक तत्व की ऊंचाई
एक के बाद एक कई इनलाइन-ब्लॉक तत्व
ब्लॉक तत्वों का संरेखण
बाएं हाशिये के साथ ब्लॉक तत्व का संरेखण
दाएं हाशिये के साथ ब्लॉक तत्व का संरेखण
इनलाइन तत्वों का संरेखण
इनलाइन तत्वों को केंद्र में संरेखित करना
कई इनलाइन तत्वों को केंद्र में संरेखित करना
इनलाइन तत्वों को दाएं किनारे पर संरेखित करना
इनलाइन-ब्लॉक तत्वों का संरेखण
इनलाइन-ब्लॉक तत्वों को केंद्र में संरेखित करना
इनलाइन-ब्लॉक तत्वों को दाएं किनारे पर संरेखित करना
फ्लेक्स तत्व
फ्लेक्स तत्वों के माता-पिता की ऊंचाई
फ्लेक्स तत्वों के माता-पिता की चौड़ाई
इनलाइन-ब्लॉक माता-पिता
माता-पिता की पैडिंग
बच्चों को मार्जिन
फ्लेक्स तत्वों का संरेखण
फ्लेक्स तत्वों को केंद्र में संरेखित करना
फ्लेक्स तत्वों को माता-पिता के अनुरूप संरेखित करना
हाशिये के साथ फ्लेक्स तत्वों को माता-पिता के अनुरूप संरेखित करना
समान हाशिये के साथ फ्लेक्स तत्वों को माता-पिता के अनुरूप संरेखित करना
पोजिशनिंग (Positioning)
एब्सोल्यूट (Absolute)
रिलेटिव (Relative)
पैरेंट के रिलेटिव एब्सोल्यूट (Absolute Relatively Parent)
एब्सोल्यूट के रिलेटिव एब्सोल्यूट (Absolute Relatively Absolute)
बिना कोऑर्डिनेट्स के एब्सोल्यूट (Absolute Without Coordinates)
एब्सोल्यूट के जरिए सेंटरिंग (Centering via Absolute)
एब्सोल्यूट के नेगेटिव वैल्यूज (Absolute Negative Values)
फिक्स्ड पोजिशनिंग (Fixed Positioning)
पूरी स्क्रीन चौड़ाई वाला ब्लॉक (Full Screen Width Block)
Z-एक्सिस पर एलिमेंट्स का ओवरलैपिंग (Z-axis Overlapping of Elements)
Z-एक्सिस पर ओवरलैपिंग का रेगुलेशन (Z-axis Overlapping Regulation)
नेगेटिव z-index वैल्यू के उपयोग की बारीकियां (Negative z-index Usage Nuances)
फ्लोट्स
फ्लोट गुण का परिचय
फ्लोट गुण और टैग
फ्लोट और मार्जिन का संयोजन
फ्लोट और पैडिंग का संयोजन
टैगों के नीचे फ्लोटिंग तत्व
फ्लोट्स का पैरेंट पर प्रभाव
फ्लोट्स के पैरेंट की ऊंचाई
फ्लोट्स के पैरेंट में टेक्स्ट
रैपिंग
रैपिंग रद्द करना
क्लियरफिक्स के साथ अलग डिव
पैरेंट की ऊंचाई और क्लियरफिक्स
ब्लॉकों के लिए फ्लोट गुण
फ्लोट गुण और कई ब्लॉक
फ्लोट गुण और बिना टेक्स्ट वाला पैरेंट
फ्लेक्स
पंक्ति या कॉलम में व्यवस्था
उल्टी पंक्ति में फ्लेक्स तत्वों की व्यवस्था
कॉलम में फ्लेक्स तत्वों की व्यवस्था
फ्लेक्स तत्वों वाली कॉलम को उल्टा करना
मुख्य और क्रॉस अक्ष
मुख्य अक्ष के अनुरूप संरेखण
क्रॉस अक्ष के अनुरूप संरेखण
align-items गुण का center मान
ब्लॉकों की ऊंचाई के बिना केंद्रित करना
अलग-अलग ऊंचाई वाले ब्लॉकों को केंद्रित करना
align-items गुण का stretch मान
अक्षों के अनुरूप संरेखण पर अभ्यास
अलग-अलग तत्वों का संरेखण
फ्लेक्स ब्लॉकों का क्रम
ग्रिड
ग्रिड का परिचय
ट्रैक और लाइनें
डिबगर में प्रदर्शन
कॉलम
fr इकाई
आंशिक fr
पिक्सेल और fr
प्रतिशत और fr
repeat फ़ंक्शन
auto मान
auto-fill मान
minmax फ़ंक्शन
auto-fit मान
पंक्तियाँ
पंक्तियों और कॉलम के लिए संक्षिप्त रूप
पंक्तियों का संयोजन
कॉलम का संयोजन
संयोजन के संयोजन
कॉलम का ओवरलैप
कॉलम के बीच की दूरी
पंक्तियों के बीच की दूरी
कॉलम और पंक्तियों के बीच की दूरी
टाइल्स
