परिचय
CSS हैंडबुक में आपका स्वागत है! मैं Juno हूँ, और वेब का यह मेरा पसंदीदा हिस्सा पढ़ाना है। HTML आपको एक पृष्ठ की संरचना देता है, और CSS वह है जहाँ यह जीवंत हो जाता है: रंग, रिक्ति, टाइप, पूरी चीज़ की दिखावट।
हम CSS की बहुत पहली पंक्ति से शुरू करेंगे और धीरे-धीरे आगे बढ़ेंगे, एक बार में एक विचार। अगर आप थोड़ा HTML लिख सकते हैं, तो आप यहाँ सब कुछ के लिए तैयार हैं।
कुछ भी कभी बहुत बुनियादी नहीं होता पूछने के लिए, इसलिए अपनी गति से चलें और हम एक साथ वहाँ पहुँचेंगे!
यह हैंडबुक किसी के लिए भी है जो HTML की थोड़ी लिख सकता है और चाहता है कि उनके पृष्ठ वैसे दिखें जैसे वे उन्हें चित्रित करते हैं। CSS, जो Cascading Style Sheets के लिए खड़ा है, वह भाषा है जो वर्णन करती है कि एक पृष्ठ कैसा दिखता है: इसके रंग, फॉन्ट, रिक्ति, और स्क्रीन पर सब कुछ की व्यवस्था। HTML कहता है कि पृष्ठ पर क्या है; CSS कहता है कि यह कैसा दिखना चाहिए। दो शब्दों पर एक त्वरित शब्द जो आप पूरे समय देखेंगे: एक property एक चीज़ है जिसे आप स्टाइल कर सकते हैं, जैसे color या font-size, और एक selector यह है कि आप CSS को उन elements की ओर कैसे इशारा करते हैं जिन्हें आप स्टाइल करना चाहते हैं। यहाँ हर अवधारणा पूरी तरह लिखी गई है, गहराई के साथ, उदाहरण के साथ, और कुछ खोज करने के लिए जब आपको तेज़ उत्तर की आवश्यकता हो।
आपको शुरू करने के लिए किसी design background की आवश्यकता नहीं है। अगर आप एक पृष्ठ पर एक heading और एक paragraph रख सकते हैं, तो आपके पास शुरू करने के लिए पर्याप्त है, और बाकी सब कुछ जैसे आता है वैसे ही पेश किया जाता है। CSS दूसरी भाषा है जो लगभग हर वेब developer सीखता है, HTML के बाद सही, क्योंकि इसके बिना एक पृष्ठ कुछ नहीं है लेकिन unstyled text।
हैंडबुक नीचे से ऊपर की ओर काम करता है। आप सीखेंगे कि एक पृष्ठ में styles कैसे attach करें और सही elements को target करें, box model spacing और size को कैसे नियंत्रित करता है, colour और type के साथ कैसे काम करें, और फिर flexbox और grid के साथ एक पृष्ठ को कैसे lay out करें और इसे किसी भी स्क्रीन के लिए responsive बनाएँ। हर विचार अपने आप में छोटा है, और वे उन interfaces में stack करते हैं जिन्हें आप वास्तव में ship कर सकते हैं।
यहाँ दृष्टिकोण यह है कि समझाया जाए कि CSS का प्रत्येक टुकड़ा क्या करता है और क्यों, केवल यह नहीं कि क्या type करना है। कोई भी किसी उदाहरण से एक property paste कर सकता है और स्क्रीन पर कुछ shift होते देख सकता है। वह दूरी जो layouts बनाने के बीच है जो adapt करते हैं, readable रहते हैं, और change करने के लिए सस्ते हैं, यह समझना है कि browser जब आपकी styles overlap करती हैं तो उसका क्या मतलब है यह कैसे तय करता है। यह समझ है जो किसी भी single project से बेहतर है।
अपने guides से मिलिए
यह हैंडबुक तीन guides द्वारा hosted है, और आप यह pick करते हैं कि कौन आपको चारों ओर घुमाता है। सामग्री सभी के लिए समान है; आपका guide वह voice सेट करता है जिसमें इसे बताया जाता है, और जो pages adapt करती हैं उन पर, हर section कितना गहरा जाता है।
- Juno beginner track को पढ़ाता है: गर्म और धैर्यवान, सादे analogies, कुछ नहीं माना।
- Ace intermediate track को पढ़ाता है: व्यावहारिक और build-first, सीधे इस बात पर कि आप वास्तव में क्या करते हैं।
- Sol Deep Dive को पढ़ाता है: mechanism, trade-offs, और production details जिन्हें सभी छोड़ देते हैं।
किसी भी समय किसी भी पृष्ठ के शीर्ष पर picker से guide switch करें, या अपने guide, language, या font size को बदलने के लिए दाईं ओर नीचे Preferences को खोलें।
जब आप set हों, तो हैंडबुक earnest में शुरू होता है। अगला अध्याय, What is CSS, कवर करता है कि CSS वास्तव में क्या है, यह HTML के साथ कैसे pairs करता है, और rules, selectors, और properties की छोटी vocabulary जिस पर बाकी सब track built है।
building के द्वारा सीखना पसंद है?Scrimba का free HTML और CSS course पाँच projects और 75+ interactive challenges के माध्यम से एक ही terrain cover करता है।