Transcript for:
CSS के मूल तत्व और तकनीकें

हेलो बच्चों तो स्वागत है आप सभी का नया लेक्चर के अंदर तो आज के लेक्चर में हम सीखने वाले हैं कस के बड़े में हम समझेंगे की कस को कैसे लगाया जाता है किस तरह वो कम करता है उसके अंदर कितनी चीज हैं इन सभी चीजों को बड़े में हम समझेंगे आज के इस लेक्चर के अंदर और मैं आपको समझाऊं की कस को हम एचटीएमएल के अंदर कैसे लगे और किस तरह उसे बहुत ही अच्छा सुंदर लुक दें और हम अपनी वेबसाइट को बहुत ही रोमांचक या यूं कहें बहुत ही सुंदर आई अपीलिंग बना सकें आज के इस लेक्चर में आपको वो बात समझा देने वाला हूं बट मैं आप लोगों से बस एक छोटा सा प्रॉमिस चाहता हूं की जब यह लेक्चर खत्म हो जाए तो आप किसी भी वेबसाइट को इंटरनेट पर देखिए उसके अंदर जो डिजाइन है वह बनाने की कोशिश कीजिए और याद रखिए कस का ये लेक्चर देखने से पहले आपको एचटीएमएल का लेक्चर देखा हुआ होना बहुत ज्यादा जरूरी है अगर आप उसे एक लेक्चर को नहीं देखें होंगे या मत के और एचटीएमएल इन दोनों लेक्चर को जब आप देख लेंगे तब मैं चाहता हूं उसके बाद अभी कस का देखिए ताकि आपको समझ में ए सके की हां एचटीएमएल का कम इस तरह होता है और कस का कम इस तरह होता है और दोनों को जोड़ने हम इस तरह हैं तो मैं चाहता हूं की आप पहले M.Ed और एचटीएमएल का लेक्चर देख के फिर कस के लेक्चर पे आए तो अगर आपने इतना कर लिया है तो चलिए शुरू करते हैं आज का ये लेक्चर तो हम पढ़ने जा रहे हैं कस के बड़े में तो देखिए जब भी हमने वेबसाइट बनाना शुरू किया या जब से वेबसाइट बन्ना शुरू हुई है मैं अभी की बात नहीं कर रहा हूं मैं आज से 20-25 साल पहले की बात कर रहा हूं तब क्या होता था पहले स्टार्टिंग बेस में एक कर सिंपल एचटीएमएल करके एचटीएमएल का उपयोग करके वेबसाइट को बनाया जाता था जिसके अंदर किसी भी तरह की कोई भी डिजाइन या कुछ भी नहीं हुआ होता था वो एकदम सिंपल कोरी शादी सी लगती थी जैसा की हम अपने एचटीएमएल के लेक्चर में देखा होगा जब भी हम एचटीएमएल का कोई कंटेंट लाइव सर्वर के थ्रू रन करते थे तो वहां पर कोई भी तरह की कैसी भी डिजाइन नहीं हुआ करती थी ठीक है फिर धीरे-धीरे क्या हुआ लोगों ने कस को लाया ठीक है अब कस का कम क्या होता है फूल फॉर्म होता है अब इसके अंदर जो स्टाइल का मतलब उसका सिर्फ इतना सा होता है जो हमने एचटीएमएल बनाया है जो हमने एचटीएमएल से कोड किया हुआ है अब मैं कस की मदद से उसे एक एचटीएमएल कोड को बहुत ही अच्छा लुक दूंगा ठीक है अभी लुक अच्छे से क्या मतलब है उसको कलर देना उसके साइज को आगे मतलब छोटा बड़ा कर देना आप से ऐसे थ्रू कर सकते हैं उसके अंदर अलग-अलग डिजाइन देना इमेज को छोटा बड़ा करना या क्या बोलते हैं नॉर्मल कर देना नॉर्मल अंदर से हर स्क्रीन साइज वो अलग-अलग दिखेगी मीडिया को इसको लगाना मेंस ये जितने भी कम होते हैं हम कस को थ्रू करते हैं जो आपकी आंखों को एचटीएमएल को देखने लायक बनती है ठीक है सिंपल भाषा में पर एग्जांपल अगर घर की कर दीवाल है तो जब आप उसे पे कलर कर देते हैं और कुछ पेंटिंग्स को लगा देते हैं तो अब जो आपके घर की कर दीवार है वो बहुत ज्यादा सुंदर हो जाति है से होता है वेबसाइट के अंदर भी एचटीएमएल के थ्रू हम नॉर्मल स्ट्रक्चर बना देते हैं एक वेबसाइट का लेकिन जब हम उसके अंदर कस लगाना शुरू करते हैं तो क्या होता है है धीरे-धीरे उसके अंदर डिजाइन देना शुरू करते हैं और जब हम डिजाइन देना शुरू करते हैं तो थोड़ी डर के बाद या यूं कहें जब आपका कम खत्म होता है कस का तो वेबसाइट के अंदर प्रॉपर डिजाइन ए जाति है और जिसे देख के आपको बहुत ज्यादा सुंदर लगता है ये आपको लगती है की आप वेबसाइट अच्छी है जैसे की नेवीगेशन बार प्रॉपर आना ठीक है इमेज का आगे पीछे होना या प्रॉपर इमेज दिखाना हर स्क्रीन साइज पे या यूं कहें की प्रॉपर बॉर्डर दिखाना है या शैडो दिखाना किसी इमेज के नीचे थोड़ा सा तो ये सभी केमोन को हम कस के थ्रू अचीव करते हैं जितने भी डिजाइन के कम हैं उन कस के थ्रू करते हैं और जितने भी फंक्शनैलिटी के कम है वो हम जावा स्क्रिप्ट के थ्रू करते हैं और स्ट्रक्चर हमारा कौन बनाता है तो हमारा स्ट्रक्चर बंता है एचटीएमएल के ऊपर बात समझ में आई स्ट्रक्चर एचटीएमएल डिजाइन स्टाइल कस फंक्शनैलिटी या यू का है कुछ भी क्लिक करने पर जो भी कम होने वाला है वो हम देते हैं जावास्क्रिप्ट की मदद से तो कुछ ये तीन पार्ट्स में प्रॉपर्टी है और इस वक्त हम है एग्जैक्ट इन सेंटर पार्ट तू के ऊपर और हम समझेंगे की डिजाइन कैसे दिए गए स्ट्रक्चर सिख चुके हैं तो चलिए अब ए जाते हैं सीधा हम आपको लेक चलूंगा पी ब्लू स्किल की लेफ्ट के ऊपर ठीक है तो कस का क्रश कोर्स हमारे सामने कर ए चुका है तो अब यहां पे ए जाते हैं हमारे सामने प स्किल की लैब है इसके अंदर कुछ नहीं करना है मी लेफ्ट पे क्लिक कर देना है याद रखिए लॉगिन आप पहले से करें रहोगे टेंपलेट्स में ए जाइए वेब डेवलपमेंट कीजिए नाम देखिए रन कर दीजिए बस और कुछ नहीं करना मैंने पहले से उसे यहां पे करके यहां पे उसे ओपन कर दिया है जब आप पहले बार करेंगे तो आपको यहां पे कुछ फाइल्स देखने को मिलेगी सिंपली उसे फाइल्स को डिलीट कर दीजिए क्योंकि उसके कोई फायदे नहीं है खाली डॉट स को की जो फाइल है इसे सेफ प्रॉपर्ली रखें रहना उसे डिलीट करने की कोई जरूर नहीं है ठीक है तो अब हम समझते हैं की हम कस के थ्रू करके क्या का सकते हैं ठीक है तो मैं आपको नॉर्मल प स्किल की वेबसाइट दिखता हूं ठीक है वेबसाइट देखिए तो इसमें आपको यहां पे इतनी जो स्पेस दिखे रही है ऊपर थोड़ी सी स्पेस दिखे रही है या यू का यहां पे मेरी जो फोटो यह सर्किल के अंदर यहां पर ओवर करने पर ये जो चीज ए रही हैं यहां पे कोर्सेज ये यहां पे दिखे रहा है आपको फिर आप देखेंगे यहां पे ये जो कलर आया हुआ है कलर के नीचे यहां पे अंडरलाइन आया हुआ है फिर ये साड़ी चीज लगी हुई हैं तो ये सब डिजाइन के कॉन्सेप्ट हैं किसके कॉन्सेप्ट हैं डिजाइन के कॉन्सेप्ट आप देख का रहे हैं इमेज फिर यहां पे ये जो लिखा है ये पर्पल या वायलेट कलर का है फिर ये साड़ी चीज लिखी हुई हैं तो ये साड़ी चीज प्रॉपर्ली डिजाइन इनको दी गई है ताकि आपकी आंखों को देखने के लिए ये बहुत ज्यादा सुंदर लगे ठीक है तो तो सबसे पहले हमारे पास स्कोर एचटीएमएल होना चाहिए जिसके अंदर हम अपना डाटा लिख देते हैं ठीक है अब डाटा लिखने के बाद हमें सस लगाना पड़ता है ठीक है कम क्या होता है डिजाइन करना मतलब सिंपल भाषा में आपको बताता हूं मां लीजिए आप जाते हैं आप किसी प्रिंटर को बोलते हैं की मेरे घर पे जो और मेरे घर की दीवारों पे ये पेंटिंग कर दो हो तो पेंटर ए जाता है पेंटिंग करने लेकिन अब यहां पर प्रॉब्लम क्या हो जाति है आपको पेंटर को बताना पड़ेगा की कौन सी पेंटिंग करनी है कहां करनी है और किस जगह पे करनी है मतलब कौन से दीवार पे करनी है ठीक है किस दीवार पे करनी है और सबसे पहले चीज तो आपको ये बताना पड़ेगा की आपके घर का एड्रेस क्या है ठीक है तो जब हम इतनी साड़ी चीज बताते हैं तब एक पेंटर या यूं कहें तब एक जो कलर करने वाला होता है वो जाता है और कलर करके आप आता है सक्सेसफुली इस तरह कस के अंदर होता है हम कस के अंदर क्या करते हैं हम पहले अपना पूरा एचटीएमएल लिखने हैं और एचटीएमएल लिखने के बाद हम कस को बताते हैं भाई साहब आप वहां पे जाइए और जो मैं आपको पेंटिंग के डिजाइन दे रहा हूं ये वहां पे लगाइए ताकि वो एक पर्टिकुलर जो स्ट्रक्चर है उसके अंदर ये वाली डिजाइन ग सके बात समझ में आई तो हमेशा याद रखिए आपको जो टारगेट करना है या जहां टारगेट करना है वो हमेशा प्रॉपर्ली स्पेसिफाई होना जरूरी है तभी हम आगे की तरफ कम कर सकते हैं यहां तक क्लियर हुई चलो अब थोड़ा सा और आगे बढ़ते हैं ठीक है तो सबसे पहले कुछ एचटीएमएल लिख लेते हैं मैंने यहां पर h1 लिख लिया यहां पे मैं लिख देता हूं प स्किल मैंने इसको कर दिया सेफ्टी ठीक है इसके बाद यहां पे आते हैं मैं लिख देता हूं पैराग्राफ और इस पैराग्राफ के अंदर में सिंपली लोरियम लिखकर 10 लिखना हूं ठीक है लोरियम क्या होता है वो आपको डमी टेक्स्ट लाकर देता है डमी टेक्स्ट का मतलब क्या होता है वेब डेवलपमेंट के अंदर जब भी आप वेबसाइट बनाना शुरू करते हैं तो हमें वेबसाइट किस लिए चाहिए होती इनफॉरमेशन पास हो सके ठीक है तो इनफॉरमेशन पास हो सके तो अब पहले दिन ही में इनफॉरमेशन लेकर तो नहीं बैठूंगा ना लेकिन मुझे कुछ ना कुछ इनफॉरमेशन इंटरनेट पे दिखानी तो पड़ेगी तो उसे कैसे में मैं क्या करूंगा मैं डमी टेक्स्ट डालूंगा डमी टेक्स्ट मतलब नकली टेक्स्ट जिसका कुछ हाथ पर सर नहीं है लेकिन जस्ट बिकॉज़ मुझे इंटरनेट पे दिखाना है इसलिए मैं उसे लिख रहा हूं ताकि जो मेरी वेबसाइट पब्लिक हो तब मैं जो ये डमी टेक्स्ट इसको हटा के ओरिजिनल इनफॉरमेशन दाल सुकून लेकिन अभी मुझे कितनी जगह लगा क्या स्पेस लगा कैसे दिखेगा वो देखने के लिए जो टेक्स्ट चाहिए ना उसको देखने के लिए शब्द चाहिए ना वहां पे तो इसलिए हम डमी या यूं कहें नकली टेक्स्ट का उसे करते हैं जिसका नाम है लॉरेन क्या करना है आपको लॉरेन लिखना है मैं इसको हटा देता हूं आपको लॉरेन लिखना है इसके बाद आपको कितने शब्द चाहिए वो नंबर दाल देना है और टेप कर देना ठीक है तब की होती है ना कंप्यूटर के ऊपर वो तब की दवा देनी है और ये डमी टेक्स्ट लिख कर ए जाएगा ये कितने शब्द का आया तो ये 10 शब्द का ए चुका है हमारे पास ठीक है अब हम समझते हैं अगर मुझे स्टाइल देनी हो अगर मुझे डिजाइन देनी हो तो मैं डिजाइन किस तरह दूंगा ये बात अभी हम समझना वाले हैं तो देखिए तो जब भी कस डिजाइन की बात आई है या कस को लिंक करने की बात आई है तो टोटल तीन तरीके हैं हमारे पास कस को लिंक करने के लिए पहले होता है इन लाइन दूसरा होता है इंटरनल और तीसरा होता है एक्सटर्नल इन लाइन मतलब आप जहां पर लिख रहे हो इस लाइन के अंदर आप कस लिखोगे मतलब आप इस लाइन के अंदर आप बताओगे की हां भाई यहां पे आपको ये एक पर्टिकुलर डिजाइन अप्लाई करनी है इंटरनल का मतलब क्या होता है आप इस सीट के अंदर लिखोगे साइज ठीक है सीट के अंदर लिखने से क्या मतलब मतलब हेड के अंदर आप अपना कस लिखोगे और एक्सटर्नल का मतलब होता है जो कस आपने लिखा है वो पर्टिकुलर चीज यहां पे अवेलेबल है ही नहीं वो मैं बाहर से कहानी से लेकर आऊंगा और अपने इस वेब पेज को दे दूंगा ताकि वो प्रॉपर्ली कम कर सके यहां तक बात क्लियर हो गई गुड थोड़ा सा आगे और बढ़ते हैं इसको कर देते हैं इससे तो अब हम समझते हैं की इन लाइन कस कैसे देते हैं ठीक है इन लाइन कस देने से पहले मैं इसको से करता हूं यहां पर राइट क्लिक करके हम करते हैं ओपन विद लाइव सर्वर और देखते हैं हमारी वेबसाइट डिक कैसे रही है ठीक है तो आपको क्या करना है आपको इतना कॉपी कर लेना है कॉपी करने पर न्यू टाइप पर आई यहां पर लगा दीजिए ये आपको फॉरवर्ड स्लैश दिखे रहा है उसको हटाइए यहां पे कलम लगे कॉलर मतलब डबल डॉट लगाइए 5500 लिख के इंटर मार दीजिए ठीक है ये करते ही आपको ये दिखाई देने लगा लेकिन इस वक्त यहां पर कोई भी डिजाइन नहीं है मतलब ये देखने में उतना सुंदर नहीं ग रहा ठीक है तो अब इसको सुंदर बनाने के लिए हमें इस पे कस देनी होगी तो हम कितने तरीके की कस दे सकते हैं तीन तो मैं आपको पहले इन लाइन बताऊंगा फिर इंटरनल बताऊंगा और फिर एक्सटर्नल बताऊंगा ठीक है तो इन लाइन का मतलब देखिए इन लाइन के अंदर जब आप कस को लिखने हैं तो उसे हम कहते हैं इन लाइन कस तो मैं यहां पे सिंपली लिखूंगा स्टाइल स्टाइल लिखने के बाद आपको क्या चाहिए मैंने लिख दिया बैकग्राउंड कलर चाहिए मुझे और बैकग्राउंड कलर क्या होगा येलो ठीक है इसको मैंने से किया अब मैं यहां पे आता हूं तो देखिए ये एक पर्टिकुलर चीज का जो ये पूरा का पूरा पैराग्राफ हुआ था इसका जो बैकग्राउंड कलर था ना वह अब येलो हो चुका है क्या हो गया है अब वो प्रॉपर्ली येलो हो चुका है ठीक है मां लीजिए मुझे यहां पे इसका टैक्स चेंज करना हो तो ठीक है मुझे क्या चेंज करना होता टेक्स्ट चेंज करना होता तो मैं क्या करूंगा उसे समय मैं लिखूंगा सिंपली कलर और कलर लिख दे मां लीजिए मैंने रेड से कर दिया अब यहां पे आते हैं तो देखिए ये लाल कलर का हो गया ठीक है मुझे ये येलो है उसे थोड़ा सा बड़ा करना है तो मैं लिख दूंगा मार्जिन देखिए मार्जिन और पेंडिंग का सिंपल सा मतलब होता है स्पेस ठीक है लेकिन अब मां में एक सवाल आएगा अगर मार्जिन और पिडिंग का मतलब स्पेस होता है तो दो शब्दों की क्या जरूर पद गई ठीक है तो जरूर ही इसलिए पद गई मार्जिन का मतलब होता है जगह बाहर से और पिडिंग का मतलब होता है जगह अंदर से ठीक है कैसी जगह मैं आपको दिखता हूं मैंने मार्जिन लिख दिया से करते हैं यहां पर आते हैं तो देखिए यहां वहां से स्पेस ए गई यहां से स्पेस ए गई ऊपर से भी स्पेस ए गई और नीचे से भी स्पेस ए गई ठीक है मैं आपको दिखता हूं चलिए मैं अगर अब इसको 100 की जगह पे 10 कर डन से कर देते हैं यहां पे आते हैं तो देखिए यहां से स्पेस है और यहां से स्पेस है ठीक है अब अगर मैं यहां पे सिंपली पेंडिंग लिख देता हूं और मैं फिर से लिखना हूं 100 पिक्सल तो अब आप देखिएगा क्या हो रहा है ठीक है यहां पर आई अब देखिए स्पेस जो है वो अंदर से ए गई है बाहर से बिल्कुल भी नहीं आई है क्या हुआ स्पेस कहां से आई अंदर से बाहर से नहीं तो मैं यूं का सकता हूं मार्जिन का मतलब जगह छोड़ो लेकिन बाहर से और पेंडिंग का मतलब होता है ज्यादा छोड़ो लेकिन अंदर से ठीक है तो इसलिए मार्जिन और पेंडिंग का उपयोग होता है अगर मैं इसे हटा देता हूं ठीक है इसे मैं प्रॉपर्ली हटा देता हूं मैं यहां पर आकर रीलोड करता हूं तो देखिए अब कहानी से भी कोई भी नहीं देखने के लिए मिल रही मुझे ठीक है अब मुझे कहानी से भी कोई स्पेस देखने के लिए नहीं मिल रही तो मैं एक बात बताऊं आपको हमने टोटल कस की कर प्रॉपर्टीज को सिख लिया या यूं कहें कर इंपॉर्टेंट चीजों को सिख लिया ठीक है कौन सी कौन सी बैकग्राउंड कलर किसके लिए कम आता है जब भी हमें किसी चीज के बैकग्राउंड कलर के साथ खेलने है और देखना है की उसका बैकग्राउंड कलर जो है वो अलग है तो उसे कैसे में हम उसे करते हैं बैकग्राउंड कलर फिर आता है कलर कलर किसके लिए अगर आपको पर्टिकुलर टेक्स्ट का जो कलर है वो चेंज करना है तो उसे कैसे में आता है कलर फिर हमने दो चीज और सखी इंपॉर्टेंट क्या था वो मार्जिन और पेंडिंग यहां तक क्लियर हुआ तो अब बताइए जो हमने ये शिखा ये कौन सा कस था तो ये था इन लाइन कस ठीक है इसके बाद आता है इंटरनल इंटरनल मतलब अंदर इंटर का मतलब क्या होता है अंदर तो जब भी आप किसी कस को एचटीएमएल फाइल के अंदर लिख देते हैं तो हम उसे कहते हैं इंटरनल कस ठीक है और जब भी आप इंटरनल कस लिखेंगे तो आपको बताना पड़ता है सिस्टम को की हां मैं यहां से कस लिखना शुरू कर रहा हूं तो उसे कैसे में क्या लिखने हैं हम लोग लिखने हैं स्टाइल क्या लिखने हैं स्टाइल ठीक है स्टाइल क्यों लिखा अगर आप यहां पे देखो तो यहां पे मुझे बताना तो पड़ा ठीक है बिना कंप्यूटर को बताएं कंप्यूटर कभी भी समझ नहीं सकता उसको बताना बहुत ज्यादा कंपलसरी होता है तो मैंने यहां पे स्टाइल लिखा और मैंने बताया की हां मैंने यहां पे अब मैं कस लिखना शुरू करूंगा इसके अंदर ठीक है अब यहां पे मैं कस लिखना शुरू करने जा रहा हूं ठीक है अब मैं इसको क्या करता हूं हटा देता हूं ठीक है ये यूं कहें मैं यहां पे एक और पैराग्राफ लेकर ए जाता हूं जिसके अंदर मैं फिर से लॉरेन कर देता हूं ठीक है से कर दिया तो अब अगर मुझे इसको मैं कमेंट कर देता हूं ताकि आप लोगों को फ्यूचर में कोई प्रॉब्लम ना हो और मैं इसके ऊपर यहां पे लिख देता हूं क्या लिखूंगा मैं चैनल कस ठीक है अब मैं इसको इन कर देता हूं ताकि यह बराबर कम करें अब मैं यह लिखने जा रहा हूं आप समझी तो सबसे पहले मैंने स्टर्लिंग दिया अब आता है की टारगेट किस करना है टारगेट मतलब मैं ये स्टाइल के अंदर जो लिखूंगा वो कहानी ना कहानी तो जाकर लगा चाहिए हां या ना मतलब देखिए मैंने इन लाइन में तो इसके अंदर लिख लिया तो मेरे कंप्यूटर को पता नहीं करना पड़ा की मुझे जाना किसके पास है क्यों क्योंकि मैंने लिखा ही वही जहां पे उसे जाना चाहिए था लेकिन अब मैं उसके अंदर लिख रहा हूं ठीक है तो जब मैं उसके अंदर लिखूंगा तब ये पता होना बहुत जरूरी है की जो स्टाइल में लिख रहा हूं वो जाएगी किसके पास तो उसे कैसे में लिखूंगा पैराग्राफ किसको जान वाली है पैराग्राफ को जान वाली है ठीक है मैं यहां पे लिख दूंगा बीजी जो की होता है बैकग्राउंड करो मैं फिर से लिख दूंगा ये लो ठीक है येलो लिख के से करता हूं मैं यहां पर आकर रीलोड करता हूं तो देखिए येलो कलर का ए गया बैकग्राउंड कलर हां या ना और मैं अगर यहां पे ए जाता हूं इसके नीचे में एक नॉर्मल सिंपल सा पैराग्राफ दाल देता हूं और इस पैराग्राफ को डालने के बाद चलिए पैराग्राफ में डालते हैं मैं सिंपली यहां पे लिख देता हूं इंटरनल ठीक है ताकि हमें कंफ्यूज ना हो क्योंकि मैं कस तो वही दे रहा हूं जो मैंने यहां पे लिखा हुआ है तो ये देखिए यहां पे लिख कर ए गया इंटरनल बात समझ में आई तो अब यहां पे क्लियर हो गया तो ये हो गया अब कलर लिख दीजिए कलर मैंने फिर से वही रेड लिए अब रेड के बदले में यहां पे कर देता हूं व्हाइट ठीक है बहुत ही गंदा दिखने वाला है ठीक है पर लेट सी हमें पता तो चले देखिए ये रहा व्हाइट मगर सिलेक्ट कर रहा हूं तो आपको दिखाई देगा तो इससे बचाने के लिए मैं क्या करूंगा बैकग्राउंड कलर को मैं कर दूंगा ब्लैक ठीक है ये नहीं ब्लैक कर देते हैं ठीक है ताकि अच्छा लगे हमें थोड़ा सा देखने के लिए से किया यहां पे आता हूं तो हां हम देख का रहे हैं की ब्लैक कलर का बैकग्राउंड है और व्हाइट कलर का टेक्स्ट है हमारे पास ठीक है अब मैं आपको एक बहुत बड़ी गलती बताता हूं जो मैं कर रहा हूं और जो आपको पता होना जरूरी है हम हर जगह यह कभी भी ऐसे कलर का नाम नहीं देते ठीक है आपको ये बात याद रखती होगी हम हमेशा कलर का नाम देने के लिए हमेशा हमेशा और हमेशा एक्स कोड का उसे करते हैं देखिए हैक्स कोड क्या होता है मैं आपको बताता हूं देखिए गूगल पे चलते हैं लिखने हैं एक्स कोड और इंटर मार देते हैं ठीक है जैसे ही मैं जकोड मारूंगा लिख देता हूं और मैं इंटर मारता हूं देखिए यहां पे इसको स्पेस देते हैं ताकि अच्छे से ए सके या मैं लिख डन एक्स कोड पर रेड ठीक है तो ये मुझे कलर का एक कोड दे देगा ये देखो ये रेड का इसने मुझे कोड दे दिया है ठीक है मैं आप सेट्स ऑफ रेड पर क्लिक करता हूं तो आप देखोगे बहुत सारे यहां पर ए गए तो देखिए हर जगह यहां पे एक्स कोड लिखा होता है ये देख रहे हैं आप हर जगह यहां पे एक्स कोड लिखा राहत है मैं यहां पे कोई भी कलर चेंज कर सकता हूं बहुत सारे तरीके हैं लेकिन एक शॉर्टकट तरीका बताता हूं जब भी आप यहां कलर पे क्लिक करेंगे यहां पे क्लिक कीजिए तो जैसे ही आपको ये पाउंड सिंबल देखने को मिलेगा ना पाउंड सिंबल ठीक है जिसको हम हज कहते हैं ठीक है तो हेज देखते ही आपको पता चल जाएगा देखो अब मैं जी तरह मेरे कर्सर को वो जो पॉइंट है उसको हटा रहा हूं उसे तरह कलर आते जा रहा है मैं यहां से ग्रीन मिलने आता हूं और मैं इसको ऐसे ले रहा हूं ठीक है तो ये मेरे पास एक्स कोड ए गया मैं यहां पे इंटर मार देता हूं ठीक है तो ये एक्स कोड हमारा ग्रीन का हो गया किसी भी सेट ऑफ ग्रीन का होगा यहां पे आके मेरी फिटनेस कर देता हूं तो देखिए ग्रीन कलर का हो चुका है अब एक्स कोर्ट का फायदा क्या होता है वो समझ लेते हैं ठीक है तो क्या होता है कई बार की हम जब भी ऐसे सॉलिड कलर लिख देते हैं सॉलिड कलर मतलब सिंपल सिंपल साधा-साधा नाम लिख देते हैं तो उसे कैसे में जो सबसे बड़ी प्रॉब्लम क्रिएट होती है वो ये प्रॉब्लम क्रिएट होती है की हर एक ब्राउज़र इसको अपने स्वाद अनुसार रेंडर करेगा मतलब अगर मां लीजिए मैंने रेड लिख दिया है तो ऐसा जरूरी बिल्कुल नहीं है की जो क्रोम पर रेड दिखे रहा है मुझे वही एग्जैक्ट रेड मुझे मोज़िला फायरफॉक्स पे दिखेगा ओपेरा पे दिखेगा या यू कहे किसी थर्ड पार्टी में तो बहुत सारे ब्राउज़र है सब पे जरूरी नहीं की जो मैंने रेड लिखा है वो एग्जैक्ट एक्यूरेट वही रेट दिखे जो क्रोम पर दिखे रहा है सब ब्राउज़र अपने टेस्ट के हिसाब से चीजों को अपडेट करते रहेंगे ठीक है लेकिन जब आप हेक्सागन लिख देते हो ठीक है जब आप एक्सपोर्ट लिख देते हो तो उसे किड्स में क्या होता है ना यह तीन कलर को बनके बंता है ठीक है तीन कलर को बना के बना होता है तो जब भी आप एक्स कोड लिख देते हैं तो वहां पे जो कलर का कांबिनेशन होता है पर एग्जांपल अगर मैं आपको कहानी पे पेंटिंग करने के लिए बोलो तो आप अगर दो कलर मिला रहे हैं ठीक है तो आपको पता होगा कौन से कलर के कितनी मंत्र मिलने पे एक पर्टिकुलर कलर का सेड ए जाएगा ठीक है जैसे येलो के अंदर अगर आप रेड मिलने हैं तो एक पर्टिकुलर ए जाएगा ठीक है कलर ए जाएगा लेकिन अगर आप उसके अंदर ज्यादा रेड मिलेंगे तो कुछ और आएगा कम रेट मिलेंगे कुछ और आएगा ठीक है इस तरह जो हमारा एक्स कोड होता है ये भी इसी तरह कम करता है तो जब भी आप इस तरह लिख देते हैं तो अब क्या होगा हर एक कलर की मंत्र प्रॉपर मंत्र में डाली जाएगी ताकि ये जो ग्रीन है ये प्रॉपर्ली अचीव हो सके हमें ठीक है व्हाइट हो गया अब इसके अलावा मैं आपको दिखा देता हूं पेंडिंग ठीक है पिक्सल लिखे यहां पर आते हैं और इसको रिफ्रेश करते हैं तो देखिए अंदर से 10 पिक्सल की पेंडिंग मेरे पास ए चुकी है तो ये था इंटरनल कस और बहुत साड़ी प्रॉपर्टीज हैं प्रॉपर्टीज हम धीरे-धीरे समझेंगे ठीक है पहले समझते हैं की होता कैसे है जब ये समझ में ए जाएगा होता कैसे है तो मैं आपको प्रॉपर्टीज के ऊपर भी और बहुत साड़ी चीज बताऊंगा ठीक है तो ये हो गया मेरा इंटरनल कस यह हो गया मेरा इन लाइंस ठीक है अब मैं आपको बताऊंगा एक्सटर्नल कस ठीक है तो इसको भी कमेंट कर देते हैं और मैं यहां पर कमेंट करके लिख देता हूं एक्सटर्नल कस ठीक है से किया इसको कर देता हूं मैं कमेंट ठीक है इसको मैं क्या करने वाला हूं फाटक से कमेंट ताकि हमें किसी भी तरीके की कोई भी प्रॉब्लम ना आए मैंने इसको कर दिया कमेंट से इस लाइन को भी कर देते हैं कमेंट ताकि कोई दिक्कत ना आए यहां जाते हैं नीचे आते हैं फिर से ऐसे लिख देता हूं एक्सटर्नल कस यहां पे ए के फिर से वही पैराग्राफ लोरियम ठीक है लोरियम 10 तब से अब आते हैं एक्सटर्नल ठीक है तो जब भी आप किसी एक्सटर्नल फाइल के अंदर कस लिखने हैं तो एक बहुत ही इंपॉर्टेंट बात जो आपको ध्यान रखती होती है वो ये बात ध्यान रखती होती है की जो एक्सटर्नल है उसे पता होना चाहिए की उसे जाना कहां है ठीक है पर एग्जांपल आपने बाहर से कुछ ऑर्डर किया है अमेजॉन से ऑर्डर के मतलब आपने एक्सटर्नल सोर्स से ऑर्डर किया तो ऑर्डर करते वक्त ही आपको अपने घर का एड्रेस देना पड़ता है ताकि जो डिलीवरी है वो प्रॉपर टाइम पे ए सके मतलब टाइम तो ठीक है अपने टाइम पे ए जाएगी लेकिन प्रॉपर जगह पे ए सके वही चीज होती है एक्सटर्नल कस के अंदर आपको ब्राउज़र को या यूं कहें आप जहां पर कोड लिख रहे हैं उसे बताना पड़ेगा की यह कस कहां रखा है और इसे लेकर आओ तुम ठीक है तो उसे कैसे में मैं लिखूंगा लिंक कोलिंस कस और ऐसे कर दूंगा तो इसका जो सिंटेक्स होता है वो हमारे ऊपर लोड हो जाएगा मैं यहां पे कर दूंगा डॉटस्लेस ताकि कोई भी एरर ना आए तो ये होता है तरीका बताने का की हां भाई अब मुझे एक्सटर्नल मतलब बाहर से कोई कस लेकर आना है ठीक है तो ये देखिए ये कस मैंने बाहर राखी है ये एचटीएमएल फाइल के अंदर मैंने लिख रहा हूं ये मैं बाहर लिख रहा हूं ठीक है तो बाहर से कस लेकर आओ तो एक्सटर्नल की ए गया वेरीफाई करने के लिए मैं सिंपली बॉडी लिख देता हूं और इसके अंदर बीजी सी लिख देता हूं ठीक है बीजी मतलब बैकग्राउंड लिख लेते हैं और देखते हैं क्या आने वाला है मैं यहां पे लिख देता हूं रेड से करते हैं यहां पे आते हैं तो देखिए बैकग्राउंड कलर रेड हो चुका है हमारा ठीक है अब मैं आपको बताता हूं की ये मैंने क्यों किया तो आप जब भी एक्सटर्नल कस लगा तो एटलिस्ट एक बार वेरीफाई कर लीजिए जो आपने कस लगाया है वो प्रॉपरली लगा है की नहीं पर एग्जांपल अगर मेरी यहां पे स्पेलिंग मिस्टेक हो गई और मैं यहां पे कस लिखे जा रहा हूं लिखे जा रहा हूं लिखे जा रहा हूं जैसे मैं अभी बॉडी लिख देता हूं और मैं इसके अंदर जीसी भी लिख देता हूं ठीक है बैकग्राउंड कलर भी रेड लिख देता हूं से कर देता हूं ठीक है अब मैं यहां पे जाके देख रहा हूं रिफ्रेश करो नहीं हुआ तो मैंने वेरीफाई अगर पहले ही कर लूंगा तुम्हें फ्यूचर में जो भी गलती करने वाला हूं वो पहले से ही मुझे पता होगी क्या पता है की मेरी एक्सटर्नल फाइल अभी प्रॉपर्ली लिंक नहीं हुई है जब मैंने प्रॉपर्ली लिंक कर लिया अब ये रेड हो चुका है ठीक है तो अब मुझे किसी भी तरीके कोई भी दिक्कत नहीं आने वाली है मुझे पता रहेगा की हां भाई मेरी फाइल प्रॉपर्ली ग गई है और वो प्रॉपर्ली कम कर रही है अब यहां पे भी टारगेट करने के लिए आपको पता होना चाहिए की टारगेट करना कहां है ठीक है मतलब जो आप कस लगा रहे हो तो आपको बताना पड़ेगा कस लाना कहां से है सबसे आपने कम किया की आपने एचटीएमएल को बताया की कस हमें लाना कहां से तो हमें पता चल गया की की यहां से ए रही है अब इस सस को बताना पड़ेगा की जब ये कस यहां पहुंच जाए तो यहां आने के बाद किस चीज पे लगाना है ठीक है तो मैं यहां पे लिखना हूं पी लगाने के और बहुत सारे तरीके हैं टारगेट करने के जैसे कहते हैं उसमें बहुत सारे तरीके हैं वो मैं आपको थोड़ी डर के अंदर बताऊंगा ठीक है लेकिन अभी समझ लेते हैं की हमें करना कैसे फिर से मैं यहां पे येलो लिख देता हूं ठीक है से कर देता हूं अब आगे चेक करते हैं तो हो गया बैकग्राउंड कलर ये लो और मैं इसी के अंदर अगर कलर लिख के यूं मां लीजिए पिंक लीजिएगा ठीक है खाली डिफरेंस देखने के लिए कोई बहुत लगेगा तो ये पिंक ए गया आपको एक बात पता है जो मैंने आपको बताई कभी भी हम इस तरह कलर नहीं देते नहीं देते और नहीं देते हमें हमेशा क्या उसे करना है हमें हमेशा उसे करना है एक्स कलर वैल्यू ठीक है या यूं कहें एक्स कलर कोड ठीक है हमेशा और आपको हैक्स कलर कोड ही करना है जब भी आप कलर का नाम दें ठीक है अभी लेक्चर के लिए चीजों को सिंपल रखना के लिए मैं डायरेक्टली ऐसे लिख दे रहा हूं नहीं तो आप इस पे क्लिक करके भी आराम से अपना जो एक्स कोड है उसे ढूंढ सकते हैं इस पे क्लिक कीजिए यहां पे एक्स को ए जाएगा अपने हिसाब से आपको जोड़ ठीक लगता है वो सेट कर लीजिए ठीक है अब यहां पे आई तो वो सेट हो गया तो इस तरह ये प्रॉपर्ली कम करता है तो हमने कुछ चीजों को बहुत ही बारीकी से और बहुत ही इंडिप्थ समझ लिया पहले क्या समझा हमने की कस क्या होता है दूसरा हमने समझा की कस क्यों लिखने हैं तीसरा हमने समझा की लिखने के तरीके कितने हैं टोटल तीन तरीके हैं तीन तरीके में हमने समझा इन लाइन क्या होता है इंटरनल क्या होता है और एक्सटर्नल क्या होता है और तीनों को कैसे लिखा जाता है अब सवाल आएगा की अगर मैंने तीनों ही से चीज के लिए लिख दिया तो क्या प्रॉब्लम फेस होगी तो इन तीनों कस की अपनी अपनी प्रायोरिटी है प्रायोरिटी मतलब पहले सबसे ज्यादा इंपॉर्टेंट क्या है ठीक है तो सबसे इंपॉर्टेंट होती है इन लाइन से अगर आपने इंटरनल सीजंस भी लिखी हुई है और इन लाइन कस भी लिखी हुई है तो जो इन लाइन कस है वो एग्जीक्यूट हो गई इंटरनल कस एग्जीक्यूट नहीं होगी या यूं कहें वो एग्जीक्यूट तो होगी लेकिन उससे जो इंटरनल कस है वो ओवर राइट कर देगा और एक्सटर्नल कस जो होती है उसकी प्रायोरिटी सबसे लास्ट होती है तो इनलाइन इंटरनल एक्सटर्नल दिस इस प्रायोरिटी ठीक है अगर आपने इंटरनल भी लिखा हुआ है एक्सटर्नल भी लिखा हुआ है और इन लाइन भी लिखा हुआ है तो 99 है यूं कहें 100% चांसेस है या 100% ऐसा ही होगा की आपका इनलाइन कस एग्जीक्यूट हो इंटरनल और एक्सटर्नल ना हो ठीक है कहां ना हो तो जी एक पर्टिकुलर डॉक्यूमेंट को आप टारगेट कर रहे हैं जैसे की मैं यहां पे पी टारगेट कर रहा हूं तो अगर मैं सिंपली इसको हटा देता हूं ठीक है और आप देखेंगे यहां पर मैं पी को टारगेट कर रहा हूं अब मैं यहां पे ए गया अगर इसको रिफ्रेश करता हूं तो आप देखेंगे ग्रीन और ये येलो हो गया ठीक है क्यों क्योंकि इंटरनल की प्रायोरिटी ज्यादा है कंपेयर तू एक्सटर्नल ठीक है तो ये हमारा इंटरनल है एक्सटर्नल नहीं सॉरी मैं बैठ ठीक है तो ये हमारा इंटरनल है एक्सटर्नल कस नहीं ठीक है और इस तरह ये इन लाइन ठीक है तो सबसे ज्यादा प्रायोरिटी होती है इन लाइन की फिर इंटरनल की और फिर एक्सटर्नल की तो यहां पे हमने जा कस का बेसिक या लेवल जीरो से क्लियर और कर प्रॉपर्टीज निकली अब हम चलेंगे कस के लेवल वन पे जहां पे हम एक्सप्लोर करेंगे की कितने तरीके हैं चीजों को सिलेक्ट करने के मतलब अभी तो मैंने नॉर्मली पी लिख के सिलेक्ट कर लिया पर मां लीजिए यहां पे 10 पीएम है ठीक है तो अब क्या होगा सबको से डिजाइन ए गए और ये तो मुझे चाहिए नहीं थी मुझे ये अलग चाहिए पहले वाला अलग चीज दूसरा वाला चाहिए दूसरा अलग से ये चौथ अलग है और पांच वाला तो ये हम कर सकते हैं सिलेक्ट की मदद से कितने सेल होते हैं कैसे सिलेक्ट होते हैं लेवल वन में जो की अभी मैं बताने वाला हूं आपको तो अब तक हम लोगों को एक बात समझ में ए गई है की कस क्या होता है कैसे होता है वाली चीज हम सब सिख चुके हैं ठीक है अब हम समझेंगे की हम क्या-क्या तरीके हैं जिससे किसी चीज को टारगेट कर सकते हैं जैसे की पर एग्जांपल घर की कोई दीवार को टारगेट करना है तो आप का सकते हैं राइट हैंड साइड की दीवार अगर आपने दीवाल में नंबरिंग कर राखी है 1 2 3 और आपका जो थर्ड नंबर की दिवाली है वो कर दीजिए या आप ऊबी का सकते हैं जो उसे तरह की दीवार दिखे रही है उसे पे ये कम कर दीजिए मतलब आपको आईडेंटिफाई करना पड़ता है बिफोर आप जो घर है उसके ऊपर कोई डिजाइन अप्लाई कर सकें एचटीएमएल और कस के अंदर भी कस को आपको बताना पड़ता है की किस टारगेट करना है अभी जैसे टारगेट की बात आई है तो एक तरीका तो हमने सिख लिया जो की था एलिमेंट्स सिलेक्ट मतलब अगर पी है तो पी को सिलेक्ट कर लो हा है तो हा को सिलेक्ट कर लो अगर जो भी एलिमेंट है उसे एलिमेंट का नाम लिख दीजिए और लिखने के बाद हम उसे सिलेक्ट कर सकते हैं लेकिन यहां पर सबसे बड़ी प्रॉब्लम और दिक्कत ये ए हो रही थी अगर वह एलिमेंट मोर दें वन टाइम है उसे एक पर्टिकुलर स्ट एचटीएमएल के अंदर तो जो कस है वो पूरे के पूरे एचटीएमएल में जितनी बार भी वो एचटीएमएल एलिमेंट रिपीट हो रहा है उसे पे वो डिजाइन अप्लाई कर देती थी ठीक है इन लैंगिक कैसे में ये पॉसिबल नहीं था लेकिन इंटरनल और एक्सटर्नल के कैसे में ये बात पॉसिबल थी तो इसी को ओवर कम करने के लिए हमारे पास बहुत सारे तरीके हैं सिलेक्ट के मतलब अलग-अलग जैसे क्लास सिलेक्ट आईडी सिलेक्ट कर बहुत सारे हैं ठीक है तो जो बहुत इंपॉर्टेंट है उन्हें हम समझ लेते हैं इनमें से जी पर आपको बहुत ज्यादा ध्यान देने की जरूर है वो है क्लासेस और आईडी सिलेक्टेड के ऊपर ठीक है एक सिलेक्ट हम बहुत पहले ही समझ चुके थे जो की था एलिमेंट सिलेक्ट या यूं कहें टाइप सिलेक्ट मैंने सिलेक्ट किया पैराग्राफ जो है उसे सिलेक्ट कर लो तो कुछ लोग उसे टाइप सिलेक्ट भी कहते हैं और कुछ लोग इससे एलिमेंट सिलेक्ट भी कहते हैं दोनों ही सही है कुछ भी गलत नहीं है यहां तक बात क्लियर हो गई तो अब एक कम करते हैं चलिए मैंने जैसा आपको कहा इशू से कर देते हैं यहां पर यह प्रॉपर्ली रन हो रहा है इसको मैं रिफ्रेश कर देता हूं ये प्रॉपर्ली चल रहा है आई थिंक सर्वर बैंड हो गया होगा फिर से को लाइव कर देते हैं जैसे ही मैंने गोली के पोर्ट चालू हो गया अब मैं यहां पे आके इसको रीलोड कर दूंगा तो ये चालू हो गया ठीक है तो हमारा कम परफेक्टली फाइन चल रहा है कहानी भी कोई भी दिक्कत नहीं ए रही अब मैं यहां पे ए जाता हूं अब मैं एक्सटर्नल के बाद मैंने यहां एक्सटर्नल अप्लाई किया था अब मैं यहां पे लिखूंगा क्लास सिलेक्ट ठीक है क्या लिख रहा हूं क्लास सिलेक्ट रहा है सी ल लिख देता हूं आप समझ जाएगा सिलेक्ट लिखा हुआ है मैंने ठीक है तो अभी क्लास सिलेक्ट कैसे किया जाता है और ये क्या होता है हम उसे समझना की कोशिश करते हैं तो देखिए सबसे पहले जब भी हम क्लास लेटर उसे करते हैं ये जो एलिमेंट होगा इसके अंदर आपको एक अटरीब्यूट देना पड़ेगा जिसका नाम आप डॉग क्लास ठीक है ये क्लास एक अटरीब्यूट आपको एचटीएमएल एलिमेंट के अंदर देना होता है जैसे मैंने अटरीब्यूट दे दिया अब मुझे इस क्लास का नाम देना पड़ेगा मैंने यहां पे दे दिया लाइन वन अब मैं कर दूंगा इसे से अब जब इसे टारगेट करने की बड़ी आएगी मैं लिखूंगा डॉट लाइन वन डॉट का मतलब होता है मैंने क्लास को सिलेक्ट किया और आईडी का मतलब होता है सॉरी पाउंड का मतलब होता है जब मैं आईडी सिलेक्ट उसे करूंगा तब ठीक है तो अभी के लिए हम डॉट समझते हैं डॉट का सिंपल सा मतलब है की मैं कौन सा सिलेक्ट उसे कर रहा हूं मैं क्लास सिलेक्ट उसे कर रहा हूं मैं लिख दिया डॉट लाइन वन यहां तक बात क्लियर हुई अब थोड़ा सा आगे बढ़ते हैं अब इसको आईडेंटिफाई कैसे करेंगे ठीक है अगर मैं यहां पे देखो सब कुछ से दिखे रहा है अगर मैं रिफ्रेश भी करता हूं तब भी से दिखे रहा है लेकिन हमें सिंपली बीजी लिख देता हूं और मैं यहां पे सिंपली ब्लैक लिख देता हूं ठीक है और वन मोर थिंक नेवर गिव डायरेक्टली हार्ड कोडेड वैल्यू इसको करते हैं से मैं यहां पे आता हूं तो देखिए अभी इसका जो बैकग्राउंड कलर है वो ब्लैक हो चुका है दो दो अगर मैं यहां से क्लास को हटा देता हूं ठीक है इसको मैंने कट करके से कर दिया अब मैं यहां पे देखूंगा सबका से है लेकिन जैसे ही मैंने यहां पे एक क्लास को पेस्ट करके से किया यहां पे ये देखिए ये परफेक्शौली से हो चुका है दोस्तों अब यह जो था यह था क्लास सिलेक्ट में लिख देता हूं क्लास सिलेक्ट तो इससे क्या हुआ जो डॉट है इससे मैंने इसे टारगेट कर दिया अब यहां पर एक और बात अगर यही से क्लास को मैं यहां पर रिपीट कर देता हूं और से करता हूं और यहां चेक करता हूं तो आप देखोगे वो फिर से रिपीट हो चुका है लेकिन अगर मैंने यहां पे क्लास का ये बादल दिया मतलब क्लास नाम बादल दिया ठीक है इसे बोलते हैं क्लास नाम इसे बोलते हैं अटरीब्यूट और इस पूरे को हम बोलते हैं की हमने एक एलिमेंट के अंदर एक क्लास दिया है जिसका नाम है लाइन नंबर तू तब मैं यहां पर आता हूं मैं यहां पर फिर से लिखना हूं डॉट लाइन तू अब मैं यहां पर लिख देता हूं बीजी सी बैकग्राउंड कलर अब यहां पे मैं लिख देता हूं पिंकी रेंडम में कोई भी कलर ले रहा हूं ताकि मैं आपको समझा सुकून तो अब जब मैं यहां पे आऊंगा तब देखिए ये पिंक कलर का हो चुका है प्रॉपर्ली सक्सेसफुली बिना किसी प्रॉब्लम के तो कुछ इस तरह कम करता है और जब भी आप किसी भी चीज स्पेसिफिक होकर सिलेक्ट करते हैं तो आप एक बात नोटिस कर रहे होंगे जो हमारा यूनिवर्सल कलर का मतलब जो हमने यहां पे पैराग्राफ को दिया हुआ था वो अब यहां पे नहीं हो रहा मतलब क्या हो रहा है पहले ये कलर अप्लाई तो हो रहा है लेकिन ये पर्टिकुलर क्लास इस पर्टिकुलर कस को ओवरराइड कर दे रहा है मतलब हटा दे रहा है या तो यूं कहें पहले रेड कलर लगा रहा है और रेड के ऊपर वापस हम ब्लैक मार दे रहे हैं तो इससे जो रेड है उसके ऊपर मैंने ब्लैक को ओवरनाइट कर दिया है तो कुछ इस तरह ये बन गया कुछ इस तरह लाइन तू यहां पे भी पहले बैकग्राउंड कलर ब्लैक था और यहां पे बैकग्राउंड कलर पिंक हो गया तो जब भी मैंने ये किया अब मुझे फिर से कुछ डिफरेंस सेट करना है तो मैं फिर से क्लास दे डन कुछ और और चीजों को बादल डन इसके अलावा होता है आईडी आईडी लिखती है और इक्वल तू करने के बाद मैंने लिख दिया मां लीजिए लाइन थ्री अब मैं कर दूंगा से अब मैं यहां पर जब भी मुझे किसी भी आईडी को सिलेक्ट करना है तो मैं उसे करूंगा पाउंड सिंबल या है और जो भी आईडी का नाम है वो लिख दिया जाएगा और उसके बाद ओपनिंग और क्लोजिंग ब्रैकेट लगा देते हैं मैं यहां पे लिख देता हूं बीजी बैकग्राउंड कलर अब मैं यहां पे लिख देता हूं येलो से कर देते हैं अब मैं यहां आकर चेक करूंगा तो जी हां अब मुझे येलो देखने के लिए मिल गया तो एक बात बच्चों के दिमाग में आई है जो की सही है वो ये है की क्लास में भी वही कम किया और आईडी ने भी वही कम किया फिर अगर मैं यही से आईडी को यहां से कॉपी करके यहां आकर पेस्ट कर देता हूं और से करता हूं तो वो कम तो वही कर रहा है ठीक है कम में कोई चेंज नहीं आए हुए हैं लेकिन एक चेंज जो डेफिनेशन के अंदर पाया जाता है वो ये चेंज है की कभी भी हम आईडी को रिपीट नहीं करते मतलब हम पुरी कोशिश करते हैं हमने जो एक आईडी क्रिएट की है वो आईडी हमेशा यूनिक रहे वो एक पर्टिकुलर एलिमेंट के लिए ऐसा क्यों किया जाता है यह आपको बहुत ही अच्छे तरीके समझ में आएगा जब हम कस के अंदर जाएंगे सॉरी जावा स्क्रिप्ट के अंदर जाएंगे तब लेकिन अभी जो कस की डेफिनेशन है आईडी की या जो हनी चाहिए जब भी हमें किसी चीज को यूनीकली आईडेंटिफाई करना होता है वह पेज के ऊपर तब हम उसे आईडी देते हैं आईडी एक से ज्यादा देने पे कभी भी कोई एरर नहीं आई लेकिन ये रूल्स के अगेंस्ट है ठीक है आप ये नहीं करना चाहिए जब हम जावा स्क्रिप्ट का इस्तेमाल करके दो मैनिपुलेशन करते हैं तब हमें यूनिक आईडी से चीजों को कैप्चर करके उसे पे फंक्शनैलिटी देनी होती है तो उसे वक्त आपको ये बात ज्यादा समझ में आएगी की आईडी यूनी क्यों हनी चाहिए लेकिन अभी कस जब तक हम पढ़ रहे हैं कोशिश कीजिए आप कभी भी से नाम की आईडी एक से ज्यादा नहीं देंगे अगर एक से ज्यादा देने की जरूर पद रही है तो कोई यूनिक क्लास का नाम फाइंड आउट कीजिए और उसे दे दीजिए ताकि एक जो डेफिनेशन है वो कभी भी गलत ना हो पे सिलेक्ट के यहां पे तो अभी हमने टोटल तीन सिलेक्ट सिख लिए जो पहले सिलेक्ट हमने शिखा वो था टाइप सिलेक्ट या एलिमेंट सिलेक्ट टाइप या एलिमेंट का मतलब जितने भी एचटीएमएल एलिमेंट है एडिंग पैराग्राफ सो में ली फिर उसको लिस्ट आइटम से ये बहुत सारे हैं ठीक है इमेज बहुत सारे तो जब भी आप किसी एक पर्टिकुलर टैग या एलिमेंट को पकड़ के कोई कस अप्लाई कर देते हैं तब हम उसे कहते हैं टाइप सिलेक्ट या एलिमेंट्स इलेक्ट कहते हैं उसके बाद जो दूसरा है वो ये आता है क्लासेस और आईडी क्लासेस का सिंपल सा मतलब होता है जब भी हमें कोई भी एक चीज को डिफरेंशिएट करना है दूसरे चीज से तो हम सब चीजों के लिए क्लास बना दे रहते हैं जितने एलिमेंट आप उतने क्लास बना सकते हो कोई भी प्रॉब्लम नहीं आने वाली आपको ठीक है और मां लीजिए आपने कोई एक डिजाइन रेडी किया है जो आप चाहते हैं की सब में अप्लाई हो तो उसे कैसे में भी आप इस को उसे करके सब में उसे एक क्लास को लिख दीजिए और वो डिजाइन हर जगह जाके अप्लाई हो जाति है और आईडी का भी वही कम है वो डिजाइन अप्लाई करने कम आता है और बहुत केसेस में जावा स्क्रिप्ट लिखने वक्त कम आता है लेकिन उसकी भी एक सबसे इंपॉर्टेंट शर्ट यही होती है की वह यूनिक होना चाहिए इसके बाद जो हम पढ़ने जा रहे हैं वह है हमारा पीएसईउदो सिलेक्ट और सुडो सिलेक्टेड पढ़ने से पहले मैं आपको एक अटरीब्यूट सिलेक्ट पढ़ा देता हूं तो अटरीब्यूट सिलेक्टेड के अंदर क्या होता है पहले उसे हम ध्यान से समझ लेते हैं तो जितनी बार भी हम कोई भी चीज लिखने हैं पर एग्जांपल अगर मैं लिखना हूं इनपुट ठीक है इनपुट के अंदर में कलम आता हूं टाइप और इसके बाद में लिख देता हूं टेक्स्ट ठीक है तो मैं इसको सिंपल करके बताता हूं जब भी हम इनपुट लिखने हैं इनपुट इंडस्ट्रीज जो आपको अगर आप एक्सटर्नल पड़ा हो जब भी हमें कोई इनपुट लेना हो तो मतलब यूजर से हमें कुछ डलवाना होता है किसी एक बॉक्स के अंदर तो हम इनपुट लिखने हैं और उसके अंदर एक अटरीब्यूट ए जाता है ठीक है एक मतलब इसे कोई भी आप लोग जैसे मैंने यहां पे पैराग्राफ लिखा हुआ है तो इसके अंदर भी एक अटरीब्यूट है इस एक इनपुट बॉक्स के अंदर भी इक्ट्रीब्यूटेड टाइप एकल तू टेक्स्ट ठीक है तो अब मैं क्या करने वाला हूं मैं यहां पे लिख देता हूं इससे कहते हैं अटरीब्यूट सिलेक्ट क्या कहते हैं अटरीब्यूट सिलेक्ट अटरीब्यूट सिलेक्ट अब अटरीब्यूट सिलेक्ट के अंदर क्या सबसे पहले आपको उसे एचटीएमएल एलिमेंट का नाम लिखना है जो आपने यहां पर अटरीब्यूट लिखा है यही से अटरीब्यूट यहां पे कॉपी पेस्ट कर दीजिए ठीक है इसके बाहर ए जाइए अब बाहर आते ही ओपन कीजिए कर ली ब्रैकेट अब यहां पे देखिए मैं इसको पहले से कर देता हूं से करने के बाद हम अगर यहां आते हैं और मैं इसको हिट रीलोड करता हूं देखिए मैं इसको रीलोड करूंगा तो आप देख का रहे हैं यहां पे कुछ है नहीं ठीक है ये नॉर्मल सा है जहां पे कुछ भी नहीं है अब मैं अगर इसके अंदर पेंडिंग देता हूं ठीक है अब देखते हैं यहां पे आके तो देखिए ये जो बॉक्स है वो बहुत ज्यादा पड़ा हो चुका है इसके अगर मैं अंदर मार्जिन दे देता हूं ठीक है मार्जिन मतलब बाहर से तो ये मार्जिन हमें बाहर से देने की जरूर नहीं है मां लेते हैं अगर देना पद जाएंगे ठीक है इसके अलावा हम इसे दे देता हूं बैकग्राउंड कलर बैकग्राउंड कलर मैंने यहां पे दे दिया रेड कलर मैंने कर दिया इससे ठीक है बैकग्राउंड कलर रेड देखिए मैंने सेक के जैसे यहां पे आता हूं मैं यहां पे देखो यहां पे अब ये रेड कलर का उतना बड़ा बॉक्स हो चुका है अगर ये 10 के बदले 100 पिक्सल होता तो आप देख का रहे हो उतना बड़ा बॉक्स हो जाता जितना बड़ा उसे होने की जरूर थी लेकिन एक और बहुत ही इंपॉर्टेंट चीज इस अटरीब्यूट सिलेक्ट के अंदर अगर आप यहां पे गलती से स्पेस देकर से कर देते हो इसे तो अब यहां पे वो एक पर्टिकुलर चीज कम करना बैंड कर देती है यह आपको बहुत ज्यादा ध्यान रखना पड़ेगा तो जब भी आप ऐसा कुछ अटरीब्यूट सिलेक्ट कर दें तो आपको यह ध्यान रखना है की आपने स्पेस ना दी हो अगर आपने स्पेस दे दी तो आप जो भी कस अप्लाई करने वाले हैं वो सर का सर कस कम करना बैंड कर देता है अटरीब्यूट सिलेक्ट के अंदर अब दूसरा हम पढ़ने वाले हैं सुडो सिलेक्ट ठीक है क्या पढ़ने वाले हैं सुडो सिलेक्टेड जिसके अंदर जो पी होता है वो साइलेंट होता है बिकॉज़ इंग्लिश इसे एन वेरी फनी लैंग्वेज ठीक है पौधों की मदद इसी तरह मजा आता भी नहीं ठीक है अब मैं यहां पे लिख देता हूं बटन ठीक है मैंने बटन क्यों लिखा तो सुडो सिलेक्सटर का मतलब जब भी चलो मैं आपको करके दिखता हूं और मैं फिर समझाऊंगा उसके बाद क्या होगा ठीक है मैं यहां पे लिखना हूं बटन कॉल ओवर ठीक है अब हम यहां पे लिखना हूं से कर देते हैं मैं यहां पे आता हूं तो आपको यहां छोटी सी बटन दिखे रही है ठीक है इसको पहले बटन को नाम दे दे ठीक है मैं बटन को नाम देता हूं मेरे ऊपर कर्सर को लेकर आओ ओवर मी ठीक है तो जब भी कोई हावर नहीं करेगा मतलब ये बटन नॉर्मल दिखे रही है बट जैसे ही कोई ओवर करता है बॉर्डर बन जा रहा है साइट पर हल्का सा ठीक है बैकग्राउंड कलर ए जा रहा है तो अब देखिए क्या होता है मैं अगर इसको हटा के यहां पे लिख देता हूं ब्लैक और इसे करते हैं से यहां पर आते हैं अब मैं जैसे ही बटन के ऊपर जा रहा हूं देखिए अभी बटन क्या हो जा रही है पुरी की पुरी ब्लैक हो जा रही है ठीक है अब इस ब्लैक को बदले में अगर यहां पे येलो कर देता हूं और से कर देता हूं तो जब भी आपको इस बटन के ऊपर ओवर करेगा ओवर का मतलब क्या होता है अपने कर्सर को इस बटन के ऊपर लेक चला जाता है देखिए जैसे की यह मेरा कर्सर है मैं पूरे में घुमा रहा हूं कुछ नहीं हो रहा जैसे ही लेकिन मैं इस बटन के ऊपर लेक चला जाऊंगा आप देखेंगे यहां पे येलो कलर ए गया आप चाहते हैं जैसे ही कोई बटन के ऊपर लेक जाए तो बटन थोड़ी सी उसके अंदर मार्जिन है मैंने मार्जिन लिख दिया 10 पिक्सल का से करते हैं यहां पर आते हैं तो अब मैं जैसे ही इसके ऊपर जाऊंगा तो देखिए ये थोड़ा सा फेल जाता है मतलब 10 पिक्सल की इसके पास क्या जाति है पेंडिंग चारों तरफ से इसके अलावा अगर मां लीजिए मुझे बॉर्डर देना हो तो मैं क्या लिखूंगा बॉर्डर मैं यहां पर लिखूंगा ठीक है हमको समझ में आए ठीक है तू पिक्सल मतलब उसकी मोटी कितनी हनी चाहिए बॉर्डर के बाद आप सबको मतलब पता है बॉर्डर जो साइड पे लगाते हैं उसे हम बॉर्डर कहते हैं तो दो पिक्सल का बॉर्डर हो गया सॉलिड मतलब किस तरह की लाइन रहेगी क्या उसे लाइन में डॉट डॉट डॉट लगे होंगे की दास दास दास होगा या सिंपल सॉलिड एक सिंपल सी लाइन होगी रेड कलर की वो बतानी है मैंने से किया मैं यहां पे आता हूं रेट रीलोड करता हूं ठीक है अब देखिए जैसे ये बटन के ऊपर ओवर करूंगा तो आसपास सॉलिड रेड कलर की लाइन ए जाति है ठीक है अगर आपको लगता है रेड कलर की लाइन नहीं है तो 20 पिक्सल को दीजिए यहां पे आई इसको रीलोड कीजिए अब आप जैसे ही करेंगे तो देखिए 20 पिक्सल की क्या ए गई पूरा का पूरा बॉर्डर ए चुका है इसको तू ही रखते हैं ताकि देखने में अच्छा लगे इसके जगह बदले में अगर यहां पे डॉटेड लिख देता हूं और से करता हूं तो देखिए यहां पे जो बटन आएगी वो डॉट की तरह ए जाति है मैं इसको जूम करता हूं देखिए डॉट की तरह ए जाति है इसके अलावा हमारे पास होता है दस्त क्या होता है दास दी ए एस हा ए दी टेस्ट सिर्फ कर देते हैं तो अब देखते हैं अब देखिए तो दास दास बनकर ए जाता है हम इसको जूम कर देता हूं थोड़ा सा ताकि आप लोगों को देखने में कोई दिक्कत ना हो तो दास दास बनकर ए जाता है तो यह कुछ तरीके होते हैं बॉर्डर को लाने के लिए तो ये आपने एक नई प्रॉपर्टी कस की सिख ली है अभी जिसका नाम है बॉर्डर ठीक है अलग-अलग इस तरह करते-करते हम धीरे और आगे बढ़ेंगे और चीजों को सीखने रहेंगे ठीक है यहां तक बात समझ में ए गई अब इसके बाद क्या होता है अब इसके बाद क्या होगा मतलब अभी तक हमने कितने सिलेक्ट सिख लिया हमने पहले एलिमेंट सिलेक्ट सिख लिया फिर हमने क्लास सिलेक्ट से लिया फिर हमने आईडी सिलेक्ट सिख लिया उसके बाद फिर क्या शिखा हमने उसका हमने अटरीब्यूट सिलेक्ट भी सिख लिया और अभी हमने क्या शिखा तो अभी हमने शिखा सुडो सिलेक्ट ठीक है सुडो सिलेक्ट में क्या होता है हमें किस चीज के ऊपर जैसे बटन हो गया ठीक है ये हाइपरलिंक हो गया वहां पे हमें शुरू सिलेक्ट देना होता है सुडो सिलेक्ट देने से पहले हमेशा हमें याद रखना है की हमारे पास कॉलोनी ये जो बटन है ये हनी चाहिए और उसके बाद जो एक्टिविटी है वो हमें लखनी होती है जैसे की मेरे पास हो और थी इसके अलावा लिंग होती है मतलब बहुत साड़ी होती है बट ओवर इस वन ऑफ डी इंपॉर्टेंट जो बहुत ज्यादा उसे होता है ठीक है क्लियर हुआ यहां तक इसके अलावा सुदर्शन के अलावा हमारे पास एक और सिलेक्ट होता है जिससे हम कहते हैं सिलेक्ट लिस्ट या कहें लिस्ट सिलेक्ट क्या कहें लिस्ट सिलेक्ट लिस्ट या यूं कहें लिस्ट सिलेक्ट दोनों ही परफेक्शौली सही कम करेंगे विदाउट अन्य प्रॉब्लम ठीक है अब ये लिस्ट कैरेक्टर या सेरेक्टर लिस्ट का मतलब क्या होता है मतलब मां लीजिए आपको एक से ज्यादा जगह पे कोई एक स्टाइल को अप्लाई करना है तो उसे कैसे में हम उसे करते हैं सिलेक्ट लिस्ट जो एक आपको लिस्ट देने की एक फैसिलिटी देता है जिसमें आप लिस्ट बना सकते हैं कोमा कर करके ठीक है जैसे की अगर मुझे h1 को देना है और पैराग्राफ को देना है ठीक है तो इसको जैसे मुझे देना है तो मैंने कैसे लिस्ट बनाई मैंने एच1 पी कर दिया 3S पैराग्राफ बैकग्राउंड कलर मैं भी ले लेट हूं यहां पर ऑरेंज ठीक है से कर देते हैं अब मैं यहां पर आता हूं तो देखिए जितना भी h1 था ये h1 भी क्या हो गया हमारे लिए h1 भी हमारे लिए क्या हो गया h1 भी अब ऑरेंज हो गया इसके बदले में ऑरेंज के बदले में यहां पे कुछ और लगी देता हूं ब्राउन ठीक है से कर देते हैं हम यहां पे आता हूं तो देखिए h1 भी ब्राउन हो गया और जितने पी बाकी र गए थे क्लासेस और आईडी को छोड़ के वो भी ब्राउन हो जाते हैं तो सिलेक्ट लिस्ट ये जो सिलेक्ट होते हैं ठीक है कस का जो दूसरा सबसे इंपॉर्टेंट है सिलेक्ट लिस्ट अगर आपको एक तरह की कस की जो स्टाइल है वो मल्टीपल वेब पेज पे देनी हो या यूं कहे मल्टीपल एलिमेंट पे देनी हो तो उसे समय हम उसे करते हैं सिलेक्ट लिस्ट ताकि से तरह के डिजाइन हम मल्टीपल एचटीएमएल एलिमेंट को दे सकें तो अभी तक हमने ऑलमोस्ट जितने इंपॉर्टेंट होते हैं वो तो सारे कस के सिलेक्टेड देख लिए इसके अलावा मैं चाहता हूं आप सभी से की आप सभी जॉइन डिस्काउंट पे डिस्काउंट पर उसे पे मन के डैक्स पे और जैसे आप इंडियन के डॉग्स पर जाते हैं वहां पर जान के बाद आपको सिलेक्ट के बड़े में डॉग पढ़ना चाहिए जितना ज्यादा आप सिलेक्ट के बड़े में डॉट पढ़ेंगे ठीक है डॉग के अंदर से डॉक्यूमेंटेशन उतना ज्यादा आपकी नॉलेज अच्छी और आपको समझ में आसानी होगी ठीक है तो मैंने अभी तक हमने जितने सिलेक्टेड पढ़े उसको एक बार रिवाइज कर देता हूं दिस इस नॉर्मल एलिमेंट सिलेक्टेड और टाइप्स सिलेक्ट दिस इस क्लास सिलेक्ट दिस इस अलसो क्लास सिलेक्ट दिस इस आईडी सेरेक्टर ठीक है दिस वज और दिस इस आईडी सिलेक्ट ठीक है इंर्पोटेंस आर क्लासेस और आईडी सिलेक्ट ये फिर रहा अटरीब्यूट अटरीब्यूट मतलब जब भी आपको अगर यहां पे मैं टेक्स्ट के बदले पास शब्द कर डन ठीक है से कर डन तो अब आपको अगर मैं इसे रिफ्रेश करूंगा तो वो डिजाइन देखने के लिए नहीं मिलेगी वो डिजाइन तभी देखने के लिए मिलेगी जब मैंने टाइप में क्या लिख रखा है टेक्स्ट टाइप में क्या रखा है टेक्स्ट तो मतलब आपको अटरीब्यूट सिलेक्ट देते वक्त अटरीब्यूट देने का बहुत ज्यादा ध्यान देना पड़ता है सुडो सिलेक्ट मतलब जब भी कोई कम हो जैसे की कर्सर मूव हो या किसी ने कुछ किया ठीक है तो उसे समय जो एक्टिविटी करनी होती है वो हम सुडो सिलेक्ट की मदद से करते हैं यूजुअली जो आम है वो है हावर इफेक्ट और ये रही सिलेक्ट लिस्ट सिलेक्ट लिस्ट का मतलब होता है अगर आपको से स्टाइल मोर दें वन एचटीएमएल एलिमेंट देनी हो तो उसे कैसे में हम सिलेक्ट लिस्ट का उसे करते हैं अब इससे थोड़ा और आगे बढ़ेंगे और अब हम समझेंगे कस की और जितनी स्टाइलिंग है वो सब जैसे की फोंट के साथ क्या कर सकते हैं टेक्स्ट के साथ क्या कर सकते हैं लाइन के साथ क्या-क्या हो सकता है उन सभी स्टाइलिंग को हम अभी समझे और उसके बाद पोजीशन ग्रेट और फ्लेक्स तो इस तरह कुछ हमारा ये सीक्वेंस रहने वाला है तो मैं उम्मीद करता हूं आपको कस सिलेक्टर्स अच्छे से समझ में ए चुके होंगे अब हम थोड़ा सा और आगे बढ़ेंगे और समझेंगे की कस के अंदर और कितने सारे डिजाइन के पैरामीटर है अब हम सीखने वाले हैं कस स्टाइलिंग के बड़े में और हम समझेंगे की और कौन सी अलग-अलग तरीके की स्टाइलिंग से जिन्हें हम दे सकते हैं तो उसको शुरू करने से पहले मैं एक कम करने वाला हूं अभी तक हमने जितना भी लिखा मैं उन सभी चीजों को कमेंट कर देता हूं प्रॉपर्ली ताकि किसी भी तरीके की कोई भी दिक्कत हमें बिल्कुल भी ना आए ठीक है इसे हटा देता हूं और ये चीज प्रॉपर्ली कमेंट हो चुकी हैं इसे हटा दीजिए कमेंट्स कुछ प्रॉपर हो चुका है खाली इसको रहने देते हैं और ऊपर भी मैंने जितना भी कस लिखा था उससे कमेंट कर दिया है अभी मैं कमेंट क्यों कर रहा हूं ताकि आपको कोर्ट फाइल दे सके और आप इस को फाइल को देख के और ज्यादा प्रैक्टिस कर सकें याद रखिए ये क्रश कोर्स है आपको और थोड़ा बहुत डॉक्यूमेंटेशन के थ्रू पढ़ना पड़ेगा ताकि आप कस को और इन डेप्थ में पढ़ सके ठीक है अब हम चलने जा रहे हैं पढ़ने जा रहे हैं कस स्टाइलिंग ठीक है स्टाइलिंग का मतलब सिंपल सा क्या होता है मैं आपको बता देता हूं ठीक है जैसे की मैंने ये टेक्स्ट लिखा है अब इस टेक्स्ट के ऊपर में क्या-क्या अप्लाई कर सकता हूं कैसे कैसे अप्लाई कर सकता हूं और कितने तरीके की चीजों को मैं अप्लाई कर सकता हूं उन सभी चीजों के बड़े में हम सीखने वाले हैं अब मैं यहां पर क्लास देता हूं और जी क्लास का नाम में दे दूंगा स्टाइलिंग ठीक है क्या नाम दे रहा हूं मैं स्टाइलिंग दे रहा हूं ऊपर ए जाते हैं मैं यहां पे डॉट लिख के क्या लिखूंगा क्लास का नाम ठीक है क्लास का नाम क्या है स्टाइलिंग ठीक है ऐसा करके ऐसे कर देते हैं अब हमने जो सबसे पहले स्टिंग सखी वो है कलर देना ठीक है मैं कलर देता हूं चलिए मैं यहां पे ब्राउन दे देता हूं रेंडम सा कलर मैंने ब्राउन दे दिया और अब मैंने इसको एग्जीक्यूट किया हुआ है को लाइव कर देते हैं आई थिंक ये बैंड हो गया होगा अपने आप ठीक है मैंने को लाइव किया यहां पे ए के इसे मैं रिफ्रेश कर देता हूं तो आप देखेंगे पैराग्राफ ए चुका है लेकिन इसके ऊपर बैकग्राउंड कलर नहीं ए रहा है तो आई थिंक देवर कूद बी सम स्पेलिंग एरर तो उसे कैसे में क्या करेंगे हम सीधे इसको कॉपी करके यहां पे पेस्ट कर देंगे और अब जाके चेक करते हैं और रिफ्रेश करते हैं तो देखिए कभी यहां पे पूरा का पूरा प्रॉपर्ली ब्राउन कलर का टेक्स्ट ए चुका है तो स्टाइलिंग के सबसे पहले प्रॉपर्टी जो हमको पता हनी चाहिए वो है कलर कलर का मतलब जो भी आप फोंट लिख रहे हैं उसको आप कौन सा कलर दे सकते हैं आपको वो समझना होगा तो मैंने यहां पे एक नॉर्मल सा कलर दे दिया है डॉ ठीक है इसके अलावा एक और चीज होती है जिसे हम कहते हैं बीजी बैकग्राउंड कलर जो की हम सिख चुके हैं पहले ही मां लीजिए मैंने यहां पे येलो लिख दिया इसको लिखने से करूं मैं यहां पे अगर हिट रीलोड करता हूं तो आप देख रहे हैं पीछे बैकग्राउंड में ये लो ए चुका है और ऊपर जो ये फोंट है ये ब्राउन हो चुका है थोड़ा देखने में कम समझ में ए रहा है इसके लिए मैं इसको रेड कर देता हूं ताकि हमें को समझना में आसानी हो तो आप देख सकते हैं ये रेड हो चुका है इसके अलावा मैं आपको कुछ और बेसिक जो प्रॉपर्टीज होती है वो सीखना हूं ठीक है जितना क्लियर हो गया इसके अलावा दो प्रॉपर्टीज मैंने आपको सिखाई हुई थी जो था मार्जिन राइट ओ सॉरी मार्जिन और पिडिंग ठीक है क्या था मैं आपको दिखता हूं मैं इसे पेंडिंग लिखना था वेडिंग लिखने के बाद में 10 पिक्सल लिख देता था और जब मैं यहां पे था तो हम देखते थे की हां मुझे अंदर की तरफ से पेंडिंग मिल चुकी है ठीक है बट क्या अगर आपकी अगर ऐसी जरूर है की आपको जो ये पेंडिंग है ठीक है ये लोग अगर आपको बादल देते हैं कुछ और ढंग का कलर ले लेते हैं ब्लैक ठीक है ब्लैक के लिए ढंग का तो नहीं बट ठीक है अच्छा लगेगा ब्लैक कलर ले लिया मैंने अब ये जो पेंडिंग है ये जो है ये दोनों तरफ से अप्लाई से भी 10 पिक्स और इधर से भी 10 विक्स है ठीक है यहां पे आपको ज्यादा इसके लिए ग रहा है क्योंकि यहां पे कोई कंटेंट है ही नहीं लेकिन देखा जाए तो किसने चारों तरफ से कितना 10 पिक्सल लिया है अगर मैं इसी को 100 कर देता हूं से करता हूं तो अब देखिए तो इसमें यहां से भी 100 पिक्सल लिया यहां से भी 100 पिक्सल ये यहां से भी 100 पिक्सल लिया और यहां से भी 100 पिक्सल लिया जस्ट बिकॉज़ यहां पे और कंटेंट नहीं है इसलिए ये बड़ा दिखे रहा है अगर इसको आपको सही तरीके से देखना हो तो मैं आपको दिखता हूं मैं फिर से लोरियम 10 लिख देता हूं और इंटर मारता हूं से करते हैं यहां पे आते हैं तब भी मैंने एक नई लाया फिर से हम लॉगिन थोड़ा लिख के देते हैं ठीक है मैं या फिर से लॉरेन 25 तब से ठीक है अब अगर मैं यहां पे आके देखूं तो आप देख सकते हैं जब टेक्स्ट बड़ा हो गया तो यहां पे भी 100 पिक्सल था यहां पे भी 100 पिक्सल था यहां पे भी 100 पिक्सल यहां पे भी 100 पिक्सल था ठीक है ये क्यों हुआ क्योंकि मैंने पेंडिंग दी थी चारों तरफ से लेकिन क्या अगर मुझे सिर्फ ये पेंडिंग टॉप से देनी हो या बॉटम से देनी है तो राइट हैंड साइड से दी हुई है लेफ्ट हैंड साइड से देनी हो तो किस तरह दे सकते हैं तो उसे कैसे में हम क्या करेंगे इसको ऐसे कर देते हैं मैं यहां पे लिखूंगा पेंडिंग ठीक है अब यहां पे हिफिन करके लिख दीजिए टॉप ठीक है टॉप में लिख दीजिए 100 पिक्सल से कर दीजिए ठीक है अब यहां पे आके देखिए तो आप जब यहां पे देखेंगे तो बॉटम में कोई पेंडिंग नहीं है लेफ्ट हैंड साइड पे कोई पेंडिंग नहीं है राइट हैंड साइड पे कोई पेंडिंग नहीं है लेकिन टॉप में हमारे पास पढ़ेंगे कितनी 100 पिक्सल की जहां पे 100 पिक्सल की स्पेस दे दी गई है ठीक ये बात समझ में आई चलिए थोड़ा सा और आगे आते हैं तो आप समझ गए होंगे इसी तरह हमारे पास क्या होगा पेंडिंग हिफिन बॉटम मैं यहां पे फिर से 100 पिक्सल दे देता हूं लिख के सब किया तो देखिए नीचे से 100 पिक्सल ए गया ऊपर से 100 तक चला गया बट राइट और लेफ्ट से किस भी तरीके की कोई भी वेडिंग नहीं दी गई है बात क्लियर हुई इसी तरह अगर मैं लिख डन पेंडिंग राइट और मैं यहां पर लिख देता हूं 100 पिक्सल कर देते हैं सेफ तो आप यहां के देखिए तो राइट हैंड साइड से राइट हैंड साइड से 100 पिक्सल की पेंडिंग ए चुकी है तो क्या अब मुझे ये बताने की जरूर है की हमारे पास पेंडिंग लेफ्ट भी है जिसमें मैं 100 पिक्सल लिख डन तो यहां पे लेफ्ट हैंड साइड से भी ए गई तो पेंडिंग की टोटल कितनी प्रॉपर्टी है कर लेकिन इसको शॉर्ट हैंड करने के लिए हमने ये बड़ा वाला बनाया जिसका नाम दिया मैंने सिर्फ पेंडिंग और इसको हम किस तरह लिखने हैं इसमें इस तरह होता है पहले होता है टॉप ठीक है फिर होता है राइट फिर होता है बॉटम से टॉप राइट बॉटम लेफ्ट ठीक है क्या होता है बॉटम और दें विको तू लेफ्ट सो ये एक डायरेक्शन में चला राहत है पर एग्जांपल मैं आपको इसको हटा के एग्जांपल डीके समझने की कोशिश करता हूं राइट से 10 पिक्सल चाहिए लेफ्ट से मुझे 25 पिक्सल चाहिए और बॉटम से मुझे 200 पिक्सल चाहिए ठीक है मैंने इतना लिख दिया इसको लिखने के बाद से कर लीजिए से कर दीजिए जैसे मैं यहां पे आता हूं हिट रीलोड करता हूं तो अब आप देख सकते हो हर डायरेक्शन में अलग हिसाब से स्पेस दी गई है टॉप में कितनी स्पेस रही है हमारे पास 100 पिक्सल ठीक है तो ये रहा टॉप हमारा 100 पिक्सल ठीक है उसके अलावा हमारे पास राइट है बॉटम है और दें लेफ्ट ठीक है मैंने आपको बताया था किस तरह होता है टॉप राइट बॉटम लेफ्ट ठीक है टॉप मतलब ऊपर तो ये क्लाकवाइज चलना है टॉप से क्लाकवाइज में आएगा राइट राइट से नीचे आता है बॉटम और बॉटम के बाद आता है लेफ्ट तो ये इस तरह राउंड सर्किल में चला राहत है तो इसी तरह हमें यहां पे प्रॉपर्ली उसे हिसाब से स्पेस दी मिल चुकी है इसके अलावा एक चीज होती है बॉर्डर ठीक है बॉर्डर लिखने ही हमें तीन प्रॉपर्टी का पास करना पड़ता है ठीक है सबसे पहले होती है विथ विथ मतलब जो आप बॉर्डर बनाने वाले हो वो आपको कितना मोटा चाहिए उसकी विथ कितनी चाहिए हमें वो हमें बॉर्डर के अंदर बतानी होती है तो मैंने लिख दिया पांच एक्सल ठीक है फिर आपको बताना होता है आपको बॉर्डर कैसा चाहिए तो यहां पे बहुत सारे ऑप्शंस होते हैं यहां पे बहुत सारे ऑप्शन होते हैं डॉटेड होता है ठीक है इसके अलावा सॉलिड होता है फिर दशद होता है ठीक है इसके दास होता है तो यूजुअली हम जाते हैं सॉलिड के तुरंत मैंने लिख दिया सॉलिड अब आपको बताना होगा की आपको कौन से कलर का बॉर्डर चाहिए तो मैंने मां लीजिए यहां पे कलर लिख दिया येलो ठीक है मैंने येलो लिख के से कर दिया अब मैं यहां पे आता हूं तो देखिए येलो कलर का बॉर्डर ए चुका है उसके अंदर ब्लैक कलर का बैकग्राउंड और रेड कलर का टेक्स्ट इस तरफ पूरा का पूरा कम हुआ है है तो इसका मतलब क्या मैं यह का सकता हूं यह जो बॉर्डर है यह भी किसी का शॉट हैंड ऑपरेटर है या शॉर्ट हैंड है तो जी हां बॉर्डर भी है जो शॉर्ट हैंड है किस चीजों का तो बॉर्डर हिफिन ठीक है यहां पे मैंने दे दिया तू इसके अलावा होता है बॉर्डर ठीक है यहां पे आप देखेंगे तो बॉर्डर स्टाइल मैंने यहां पे लिख दिया दास और इसके बाद होता है हमारे पास बॉर्डर कलर मैंने जहां पर लिख दिया पिंक ठीक है इसको मैं करता हूं से यहां पे आते हैं तो देखिए उसे कलर का अगर मैं जूम करूं तो पिंक कलर का प्रॉपर्ली बॉर्डर ए चुका है डॉटेड के अंदर दी आपको ये जो ब्लैक कलर दिखे रहा है ये बैक कलर हमारे बैकग्राउंड ब्लैक का है बात क्लियर हुई यहां तक चलिए थोड़ा सा और आगे आते हैं बॉर्डर पे तू पिक्सल बॉर्डर स्टाइल ये हो गया तो जो ये हमारा बॉर्डर सॉर्ट हैंड है ये जो हमारा बॉर्डर सॉर्ट हैंड है ये तीन चीजों को अपनाते है बॉर्डर विथ ये रही हमारी बॉर्डर विथ ये रहा हमारा बॉर्डर स्टाइल सॉरी बॉर्डर स्टाइल और यह रहा हमारा बॉर्डर कलर टोटल तीन प्रॉपर्टी को मिलकर हमने जब एक प्रॉपर्टी बना दी तो हमने उसे नाम दे दिया बॉर्डर इस से तरह पेंडिंग में ही है और उसे से तरह हमारे पास मार्जिन में भी है रिमेंबर जब भी आप ऐसा कुछ कम करते हैं तो वो क्लाकवाइज डायरेक्शन में चला है क्लाकवाइज डायरेक्शन मतलब टॉप राइट बॉटम और दें लेफ्ट ठीक है ये क्लाकवाइज डायरेक्शन होती है हम लोगों की जब भी हमें कोई कम करना होता है कस के अंदर आई होप यहां तक आप सभी को क्लियर हो गया हो तो शॉर्ट हैंड आप समझ के तीन शॉट और हमने अभी तक पढ़ लिए जो की है पेंडिंग उसके बाद क्या था मार्जिन और लास्ट क्या पढ़ा हमने बॉर्डर ठीक है हमने टोटल इतनी चीजों को पढ़ लिया है ठीक है यहां मैं कर देता हूं इसको कमेंट ताकि आप में से किसी को दिक्कत बिल्कुल भी ना आए तो हमने इतनी चीजों को पढ़ लिया इसके बाद जो मैं आपको एक छोटा सा असाइनमेंट देना चाहता हूं ठीक है छोटा सा समय असाइनमेंट को बड़ी बात नहीं है आपको स्टाइल के अंदर आना है यहां पे आपको लिखना है बॉडी ठीक है बॉडी लिखने बाद बॉडी स्टाइल नहीं सीखिए बॉडी लिखना है हमें बॉडी और ऐसे कर दीजिए और इसके अंदर लिख दीजिए बैकग्राउंड इमेज और यहां पे यूआरएल लिखिए ठीक है यूआरएल लिखने के बाद आपको यहां अपने कंप्यूटर के अंदर से कोई भी इमेज लानी है और हमारे ये जो बॉर्डर है हमारा ये जो बाहर आउटर बॉर्डर है जहां हम लोग व्हाइट व्हाइट दिखे रहा है यहां पे हमें कुछ अपलोड करना होगा तो मैं चाहता हूं की आप ये बॉर्डर अलग कम सॉरी ये बैकग्राउंड इमेज वाला कम ऐसा असाइनमेंट ले मेरी तरफ से और इसको करके दिखाएं ठीक है यूआरएल के अंदर सिंपली आपकी इमेज जहां राखी हुई है उसका पाठ डालना होता है और कुछ भी नहीं करना होगा यहां तक बात क्लियर हो गई चलो मैं इसको फाटक से कमेंट कर देता हूं और इसके ऊपर मैं लिख देता हूं स्मॉल असाइनमेंट ठीक है क्या लिखना हूं मैं स्मॉल असाइनमेंट ठीक है तो मैं चाहता हूं की आप लोग ये पूरा असाइनमेंट कंप्लीट करें ठीक है स्मॉल असाइनमेंट इतना मैंने लिख दिया और आपको ये भी कंप्लीट करना होगा मैं क्लियर चलिए सो से कर देते हैं ठीक है और अब थोड़ा सा आगे बड़ा जाए ठीक है तो आई होप इतना सभी को समझ में ए चुका है प्रॉपर्ली ठीक है से कर देते हैं ठीक है अब ये हो गया ये क्या था हमारे लिए इसको भी मैं क्या कर दूंगा थर्ड का सा कमेंट कमेंट करके मैंने कर दिया से ठीक है अब ए जाते हैं नीचे ठीक है ये क्लियर हो गया ये यहां पे हो गया इसको हटाई देते हैं असाइनमेंट वाला असाइनमेंट आपको खुद कर लीजिएगा ठीक है यहां तक बात क्लियर हो गई सभी को जस्ट और सेकंड लेट मी जस्ट विंड अप डी होल कोर्ट पार्ट प्रॉपर्ली सो डेट नथिंग गोस रंग ठीक है से हो गया प्रॉपर्ली सब कुछ ए चुका है मैंने सब कुछ प्रॉपर्ली रख लिया है मेरे पास यहां तक क्लियर हो गया आपको असाइनमेंट भी क्लियर हो गया तो चलिए अब समझ लेते हैं टेक्स्ट डेकोरेशन के बड़े में क्या होता है कैसे कम करता है इसे भी चीजों के बड़े में हम अभी समझ लेते हैं ठीक है तो चलो अब शुरू करने वाले हम टेक्स्ट डेकोरेशन को लेक तो आगे बढ़ते हैं तो टेक्स्ट डेकोरेशन हमें करना कहां है पहले वो देख लेते हैं ठीक है तो यहां पे स्पेलिंग वाला कम हो गया मैं इसे कमेंट कर दूंगा ठीक है मैं एक पैराग्राफ और बना लेट हूं यहां पर थोड़ा कम देता हूं लेट टेक सेवन शब्द ठीक है से करते हैं मैं यहां पर दे देता हूं क्लास और इस क्लास में ठीक है प्रॉपर नहीं दे रहा हूं क्योंकि नमिंग में प्रॉब्लम नहीं आनी चाहिए यहां पे ए के मैं देता हूं डॉट टी एक्स टी ठीक है मैंने ये क्लास को सिलेक्ट कर लिया सिलेक्ट कर लो आप लोगों ने पढ़ ही लिया है अब मैं यहां पे लिखूंगा टेक्स्ट डेकोरेशन ठीक है डेकोरेशन का मतलब होता है उसे टेक्स्ट को सजा देना ठीक है तो अब देखिए मैं यहां पे कर देता हूं अंदर लाइन ठीक है और मैं इसे कर देता हूं से यहां पर और यहां आके में इसे अगर रीलोड करता हूं ठीक है तो आप देखेंगे यहां पे एक टेक्स्ट ए रहा है ठीक है ये जूम आउट कर देते हैं नॉर्मल साइज रिसेट कर देता हूं पूरा प्रॉपर्ली दिखाई दे आपको ठीक है तो यहां पर टेक्स्ट ए रहा है और देखिए उसके नीचे अंदर लाइन ए रही है ठीक है तो इस तरह टेक्स्ट डेकोरेशन के अंदर बहुत सारे अलग-अलग चीज हैं आप उन्हें दे सकते हैं जैसे अंडरलाइन हो गया फिर आप कीजिए यहां पे आके और ऑप्शंस को देखते हैं अंडरलाइन हो गया इसके अलावा हमारे पास कौन-कौन सा होता है स्ट्राइक थ्रू होता है एक ठीक है इसके अलावा होता है मेंस जिसमें हम बीच में से लाइन को काटते इसे हम कहते हैं लाइन थ्रू ठीक है से कर देते हैं यहां पे आते हैं तो देखिए यहां पे ऊपर से लाइन आई और ये जो कट गया है इसको हम स्ट्राइक थ्रू भी बोलते हैं और लाइन थ्रू भी बोलते हैं जब आप टेक्स्ट डेकोरेशन की मदद से करेंगे तो हम इसे बोलेंगे लाइन थ्रू मतलब लाइन बिच्छू बीच से उसे काटते हुए चली जाएगी इसके अलावा हमारे पास डॉटेड होता है दास होता है ठीक है जो मैक्सिमम उसे होता है होता है अंडरलाइन और लाइन थ्रू लाइन थ्रू हमने कब देखा है लाइन थ्रू अगर आप अमेजॉन पे जाते हैं तो अमेजॉन पे आपने जाकर देखा होगा जब भी आप किसी प्रोडक्ट की प्राइस को पढ़ने हैं तो वहां पे लिखा राहत है प्राइस का नाम प्राइस नहीं रहती है फिर उसे प्राइस को लाइन थ्रू का रहा था ये स्ट्राइक थ्रू किया राहत है और एक नई प्राइस लिखी रहती है जिसे आप देख के इन्फ्लुएंस होते हैं और दूसरे चीज को खरीदने हैं ठीक है तो टेक्स्ट डेकोरेशन के अंदर यही आता है की यूजफुल उसे करते हैं ये होता है लाइन थ्रू और दूसरा होता है स्ट्राइक इसके अलावा डॉटेड दास डबल लाइन टाइप की चीज भी होती हैं स्ट्राइक हुई यहां पे कर दिया मैंने तो ये था टेक्स्ट डेकोरेशन के बड़े में अब इसके अलावा होता है टेक्स्ट ट्रांसपोर्टेशन ठीक है टेक्स्ट ट्रांसफॉर्म या यूं कहें ट्रांसपोर्टेशन मूवी अच्छी होगी आप लोगों ने ठीक है तो इसमें हम क्या करते हैं हम जैसे की पर एग्जांपल मैंने यहां पे जो चीज लिखी हुई है ये नॉर्मल लिखा गया है ठीक है पर मां लीजिए आपको इसे कैपिटल लेटर में करना है तो लिखिए टेक्स्ट ट्रांसफॉर्म मतलब जो टेक्स्ट है उसको बादल दो उसको ट्रांसफॉर्म कर दो और ट्रांसफॉर्म करने के बाद उसको पूरे के पूरे को अपर कैसे में बादल दीजिए मैं अभी के लिए इस लाइन थ्रू को हटा देता हूं तो अब देखिए अब ये सारे के सारे किस में ए चुके हैं ये सारे के सारे जो हैं अपार लाइट में ए चुके हैं मतलब कैपिटल लेटर में ए चुके हैं अपार कैसे की तरह हमारे पास होता है से ठीक है मैं यहां पे लिखना हूं पर कैसे इसके अलावा दूसरा कौन सा होता है हमारे पास लावरकेस ठीक है क्या नाम है इसका लोअर गेस्ट लोअर कैसे मतलब स्मॉल लेटर में या यूं कहें नॉन केपीटलाइज्ड लेटर के अंदर ए जाता है क्यों आपको समझ में आया एक लोअर कैसे होता है इसके अलावा इसमें और ऑप्शंस भी होते हैं ठीक है चलिए मैं इसको अपार कैसे रख देता हूं फिर और हम आगे बढ़ेंगे इसको लेकर तो ट्रैक ट्रांसफॉर्म के बाद होता है हमारे पास टेक्स्ट लाइन इन डी सेंस देखिए अभी जो टेक्स्ट है ये प्रॉपर्ली लेफ्ट हैंड साइड पे रखा हुआ है जहां पर कोई प्रॉब्लम नहीं ए रही लेफ्ट हैंड साइड पे रखा हुआ है और ये प्रॉपर्ली कम कर रहा है लेकिन आप चाहते हैं की लेफ्ट हैंड साइड पे ना र के राइट हैंड साइड पे जो है या सेंटर में कहानी पे भी जाए ठीक है तो उसे कैसे में क्या होता है आपको यहां पे लिखना होगा टेक्स्ट हिफिन लाइन ठीक है नोट एडजस्ट ए लाइन ठीक है से करता हूं तो आप देखोगे अब आपका जो टेक्स्ट है वो राइट हैंड साइड पे शिफ्ट हो चुका है इसी तरह जो मैक्सिमम उसे प्रॉपर्टी है वो होती है सेंटर ठीक है तो क्या होता है जो आपका टेक्स्ट है वो सेंटर के अंदर ए जाता है तो टेक्स्ट लाइन की मदद से हम ये साड़ी चीजों को कर सकते हैं ठीक है टेक्स्ट लाइन लिखा मैंने यहां पे लिखा टेक्स्ट ट्रांसफॉर्म अपार के तो साड़ी चीज क्या हो जाति हैं अपार कैसे के ऊपर मैं यहां पे इसको अगर हटा डन ठीक है अब मैं इसको यहां पे ऐसे हटा देता हूं और अब मैं यहां देखा हूं तो देखिए स्ट्राइक थ्रू भी है इसके ऊपर मतलब ये वाली प्रॉपर्टी भी अप्लाई है लाइन थ्रू वाली टेक्स्ट ट्रांसफॉर्म अपार कैसे तो ये साड़ी चीज कैपिटल लेटर के अंदर भी है और अब देखिए टेक्स्ट एलाइन सेंटर तो ये सेंटर के अंदर भी ए चुका है इसके अलावा हमारे पास होता है फोंट फैमिली ठीक है फोंट फैमिली मतलब देखिए अभी आप जो लिख रहे हैं यह नॉर्मल बाय डिफॉल्टर किसी एक फैमिली के अंदर ए रहा है लेकिन अब इसके अंदर बहुत साड़ी डिफॉल्ट फैमिली बहुत साड़ी मतलब इतनी ही डिफॉल्ट फैमिली हैं लेकिन इसके अलावा अगर आप कहानी और चेंज करना चाहते हैं तो आप वो भी कर सकते थे हमारे टाइम्स नहीं और रोमन लिख के इसे से कर दिया ठीक है से कर दिया अगर मैं यहां पे आके इसे रिफ्रेश करता हूं तो ये जो एक पर्टिकुलर चीज रहेगी ये टाइम स्नो रोमन में कन्वर्ट हो जाएगी इसके अलावा फोंट फैमिली के अंदर कुछ फोंट ऑप्शन्स होते हैं ठीक है क्या होते हैं कुछ ऑप्शंस होते हैं जैसे की आप अभी देखेंगे ये सारे बहुत सारे ऑप्शन हैं मां लीजिए मैं अभी के लिए ये करके इसे से कर देता हूं ठीक है यहां पे स्पेस देते हैं इसको से करते हैं तो अब यहां पे देखेंगे तो वो उसे तरह का एक बन जाता है मैं इसको यहां से लाइन थ्रू हटा देता हूं ताकि देखने में कठिनाई ना हो तो ये इस तरीके का फॉर्म फोंट ए चुका है जो थोड़ा सा बादल गया है मैं इसे फिर से हटा देता हूं ठीक है इससे मैं फिर से पूरा का पूरा अरेस करता हूं फोंट फैमिली अब देखिए फिर से यहां पे और बहुत सारे फोन ये ले लेते हैं से करते हैं तो अब देखिए अब ये दूसरे तरीके का फोंट बन चुका है तो देखिए बाय डिफॉल्टर इतने ही फोंट फैमिली हमें डिफॉल्ट कस देता है लेकिन अगर आपको और फोंट फैमिली चाहिए ठीक है कर्सिव पर जाते हैं से करते हैं तो यहां पे चीज कर्सिव लेटर में ए चुकी है लेकिन अगर आपको और बहुत कुछ चाहिए मतलब और बहुत सारे स्टाइल चाहिए तो गूगल फौंट्स पे जाइए ठीक है गूगल फौंट्स के अंदर यहां पे बहुत सारे फौंट्स अवेलेबल हैं आपको जो फोंट अच्छा लगे वो लेक आप लगा सकते हैं खाली करना इतना होता है इसे सिलेक्ट करना होता है सिलेक्ट करने के बाद देखिए आप सिलेक्ट करेंगे तो यहां पे साड़ी चीज लिख कर ए गई है ठीक है तो इन लिंक को कॉपी करना होगा ये जो लिंक है इस लिंक को कॉपी करना है एचटीएमएल में आकर हेड पार्ट में आकर सबसे ऊपर इसके नीचे यहां पे लगा देना है ठीक है कौन सी लिंक को जो यहां पे लगी हुई है वो लिंक और ये जो फोंट फैमिली लिंक होती है इसको यहां से कॉपी लेकर के जब आप यह फोंट फैमिली लिख रहे हैं उसे वक्त उसे पेस्ट कर देना होता है मतलब एचटीएमएल के अंदर ये सीडीएन की लिंक जाएगी ठीक है एचटीएमएल के अंदर यह सीडीएन की लिंक जाएगी और कस के अंदर ये फोंट फैमिली वाला जाएगा ठीक है तो आप ये समझ चुके हैं ये जो हमारा एचटीएमएल का हेड होता है उसके अंदर ये सीढ़ियां लिंग जाएगी और जो हमारा कस है ये जो हमारा कस है इसके अंदर क्या करते हैं हम इसके अंदर जो हमारा ये फोंट फैमिली का कस है उसे हम लिख देते हैं जब आप ये दोनों कम प्रॉपर्ली कर लेंगे तो आपको ये वाला टेक्स्ट मिल जाएगा इसके अलावा यहां पे बहुत सारे टेक्स्ट हैं आप जो चाहे वो लीजिए खाली ध्यान रखिए ये जो सीडीएन लिंक है इसको प्रॉपर जगह पे पेस्ट करें और ये जो कस की फोंट फैमिली है इसे प्रॉपर जगह पे पेस्ट करें क्लियर इस तरह आप यहां पर जो डिफॉल्ट है इसको छोड़ के आगे भी बाढ़ सकते हैं इसको छोड़ के मतलब इतना डिफॉल्ट है इसके अलावा मां लीजिए आपको कुछ और चाहिए तो आप उसे भी ले सकते हैं कोई बिना प्रॉब्लम के ठीक है ये हो गया फोंट फैमिली इसके अलावा देखिए फोंट के अंदर बहुत साड़ी चीज इसके अलावा हमारे पास होती हैं फोंट हाय फोंट स्टाइल ठीक है तो यूजुअली हम इसको उसे करते हैं जब आपको जो हमारा फोंट है चेंज करना है देखिए यहां पे इटैलिक और नॉर्मल दो इंपॉर्टेंट है इटैलिक करना हो तो इटैलिक में ए जाइए अब देखिए आपका फोंट इटैलिक हो चुका है इसके अलावा होता है हमारे पास फोंट वेट इसके अंदर हम यूजुअली बोल्ड लिखने हैं या नंबर दे दे जैसे की 900 नंबर हो गया या 700 नंबर हो गया ठीक है इस फिल्म के से करते हैं तो ये देखिए ये बोल्ड हो जाता है तो इसमें 100 से लेक 900 तक का नंबर दे सकते हैं और अगर आपको जैसे की यहां पे 6300 लेट हूं ठीक है तो बाल्डनेस जो है वो कम होती जाएगी ठीक है जो हाईएस्ट बोल्ड है वो होती है 900 फिर उसके बाद वो धीरे-धीरे धीरे-धीरे कम होते होते 100 तक ए रही तो 100 200 300 78900 ठीक है इन सभी नंबर में ये जो बाल्डनेस है उसकी ओपेसिटी कम ज्यादा होती रहती है ठीक है तो यूजुअली हम अगर 900 लिख देते हैं तो ये जो हाईएस्ट डिग्री ऑफ बाल्डनेस होता है वो यहां पे ए जाता है और अगर आप इसको 900 को हटा के सिंपली बोल्ड लिख डॉग तब भी से ऑर्डर का ही बाल्डनेस आएगा आपके सामने ये बात क्लियर हो गई यहां तक इसके अलावा ठीक है फोंट स्टाइल आपको समझ में ए गई तालिका होता है फोंट वेट के अंदर आप बोल्ड या जीरो सॉरी 100 से लेक 900 तक का नंबर दे सकते हैं आप आपको जितना ज्यादा बोल्ड चाहिए वो टेक्स्ट आलिंगन मतलब टेक्स्ट कहां पे चाहिए आपको वो आप बता सकते हैं टेक्स्ट ट्रांसफॉर्म में मतलब आपको लोअर कैसे अपार कैसे जैसा भी टेक्स्ट दिखाना हो कैपिटल राइस कैमल केसिंग वो आप यहां पे लिख सकते हैं फोंट फैमिली के अंदर कौन सी फोंट फैमिली का मतलब किस तरीके का टेक्स्ट आपको दिखाना है हो जाता है फोंट फैमिली के अंदर फोंट स्टाइल के अंदर इटैलिक किया था नॉर्मल दो चीज होती हैं फंड वेट के अंदर बोल्ट या तो जीरो से लेक सॉरी 100 से लेक 900 तक का नंबर आप दे सकते हैं फोंट साइज ठीक है फोंट साइज मैंने यहां पे देखिए नॉर्मल देखिए जो ऑप्शंस ए रहा है वो देख लीजिए क्या है एक्स्ट्रा एक्स्ट्रा स्मॉल एक्स्ट्रा बड़े एक्स्ट्रा स्मॉल एक्स्ट्रा बड़े स्मॉलर स्मॉल मीडियम बड़े ठीक है नंबर से आपको पता चल गया होगा की कैसी बात हो रही है मैं यहां पे ये कर देता हूं इसे से करते हैं और देखते हैं क्या हुआ तो अब हमारा जो फोंट था वो काफी ज्यादा बड़ा हो के हमारे सामने ए चुका है देखिए ये जो फोन पे काफी बड़ा हो के हमारे सामने ए चुका है अगर इसमें से मैं एक एक्स मतलब एक एक्स्ट्रा को निकाल देता हूं तो ये थोड़ा छोटा हो गया ठीक है इस दोनों को निकाल देता हूं तो ये बड़े हो गया ठीक है ये बड़े हो गया थोड़ा मतलब डिफॉल्ट से तो बड़ा है अगर मैं इसको कमेंट कर डन यहां पे तो आप देखेंगे डिफॉल्टर से तो वो बड़ा होता है ये डिफॉल्ट देख लिया अब यहां पे आते हैं और इसको मैं अनकमेंड करता हूं और अब देखते हैं तो डिफॉल्ट से थोड़ा बड़ा तो होता है इसके अलावा परसेंटेज में लिख सकते हैं परसेंटेज इन दिस पिक्सल में मैंने लिख दिया 25 पिक्सल तो अब ये 25 पिक्सल का हो गया ठीक है मैं इसको अगर यहां पे 250 पिक्सल कर डन तो अब ये 250 पिक्सल जितना बड़ा बड़ा हो चुका है तो अब आपको फोंट साइज के अंदर आप यहां पे पिक्सल में देख के उसे डिफाइन कर सकते हैं जैसे की मैं 16 पिक्सल लिख देता हूं जो की वो टायर डिफॉल्ट तो आपको वो नॉर्मल दिखाई देगा ठीक है मेरी बात समझ में ए गई सभी को तो अगर मैं यहां पे 7 पिक्सल कर डन देखिए क्या होगा बहुत ज्यादा छोटा हो गया तो आप इस तरह पिक्सल में भी देखिए उसे एक पर्टिकुलर चीज की साइज को डिसाइड कर सकते हैं मैं यहां पे के लिए भी 60 पिक्सल लिख देता हूं ताकि थोड़ा बड़ा और दिखाई दे थोड़ा सा नहीं कुछ ज्यादा बड़ा हो गया है ठीक है लेकिन हां अब आपको फोंट साइज समझ में ए चुका होगा इसके अलावा होता है हमारे पास लाइन हाइट क्या होता है हमारे पास लाइन हाइट ठीक है मैं यहां पर करता हूं लाइन हाइट 16 पिक्सल अब आके देखते हैं तो देखिए अब अब जो लाइन है ठीक है पर एग्जांपल अगर आपने ए बी सी दी लिखा ठीक है तो आपने जो ए बी सी डी लिखा हो उसकी एक लाइन डिफाइन हो चुकी है ठीक है उतनी बड़ी ही मतलब पर एग्जांपल इतना बड़ा आप लिखने हैं ठीक है आप एक ही साइज लिखने हैं बी की साइज लिख दें ठीक है तो आप वो जो लाइन लिख रहे हैं वो एक लाइन की हाइट होती है जैसे की अगर आपको मैं हिंदी की नोटबुक दिखाऊं तो जब भी आप हिंदी की नोटबुक देखते हैं तो ऊपर एक लाइन होती है और नीचे एक लाइन होती है ठीक है तो वो जो बीच वाला होता है हम उसे कहते हैं लाइन हाइट ठीक है तो अब यहां पे अगर मैं लाइन हाइट दे देता हूं पर एग्जांपल 100 पिक्सल और से कर देता हूं तो देखिए अब ये जो हर एक लाइन है वो 100 पिक्सल की हो जान वाली है मैं यहां पे 1000 पिक्सल कर दूंगा अगर तो देखिए अगर अब मैं इसको पकड़ूंगा तो आपको ये दिखे रहा है ब्लू कलर वाला तो ये इसकी पुरी लाइन हाइट है मैंने इसकी बीच में लिखा है जब मैं इसको पकड़ रहा हूं तो देखिए ये इसकी पुरी लाइन हाइट है ठीक है ये पुरी की पुरी हाइट है अब समझ में ए गया लाइन हाइट इजी एग्जांपल लिख देता हूं ताकि देखने में थोड़ा सुंदर दिखे तो ये रहा 25 पिक्सल का लाइन हाइट अगर मैं इसको पकड़ूंगा तो ये भी से लाइन हाइट रहने वाली है यहां तक बात क्लियर हो गई ठीक है ये था हमारा लाइन हाइट तो इतनी साड़ी चीज हम टेक्स्ट के साथ कर सकते हैं एक बार फाटक से रिवीजन ले लेते हैं हमने जो कुछ भी पढ़ा उन सभी के बड़े में ठीक है तो सबसे पहले हमने कस समझा क्या होता है क्यों होता है किस लिए होता है कस का सिलेक्ट समझ लिया हमने जब हम सिलेक्ट समझ रहे थे तो हमने ये भी समझ लिया की कस की प्रॉपर्टीज क्या होती है मतलब प्रायोरिटी क्या होती है इन लाइन कब आता है इंटरनल कब आता है और एक्सटर्नल कब आता है प्रायोरिटी भी हमने समझी और जब हम प्रायोरिटी समझ रहे थे तब हमने कस की कर प्रॉपर्टीज को भी समझ लिया था जो भी था कलर बैकग्राउंड कलर उसके अलावा मार्जिन पेंडिंग ठीक है इतनी चीजों को हमने समझ लिया था फिर उसके बाद हमने समझा अलग-अलग सिलेक्ट सिलेक्ट के अंदर क्लास सेल कटर आईडी सिलेक्ट और जितने भी थे उन सभी सिलेक्टर्स को जो आम सिलेक्ट होते हैं मैंने आपको समझा दिए उसके अलावा भी और बहुत सारे सिलेक्ट होते हैं लेकिन वो आम है वो ज्यादातर आपको देखने के लिए मिल जाएंगे ठीक है इसीलिए इसका नाम है क्रश को ठीक है इसके बाद फिर हमने क्या पढ़ा फिर हमने समझा की हमारे पास कितनी स्टाइलिंग के तरीके हैं तो हमने जितने भी बेसिक स्टाइलिंग के तरीके होते हैं उन सभी को पढ़ लिया उसके अलावा फिर हमारे पास टेक्स्ट को लेकर क्या-क्या कामकाज हो सकता है हमने उन चीजों को भी प्रॉपर्ली इंडिप्थ समझ लिया तो यहां पे अब हम टेक्स्ट को लेकर साड़ी चीजों को समझ लिए हैं जैसे की टेक्स्ट डेकोरेशन से क्या होता है टेक्स्ट ट्रांसफॉर्म क्या होता है टेक्स्ट एलाइन क्या होता है फोंट फैमिली क्या होता है फोंट स्टाइल क्या है फोंट वेट क्या है फोंट साइज क्या है लाइन हाइट क्या है तो इन चीजों को हमने समझ लिया बहुत ही इंडीप ठीक है हमने यहां पे एक बनाया हमने आईडी भी समझ ली तो अब आप जैसा का सकते हैं आप कस का लेवल वन और तू क्लियर कर चुके हैं देखिए कस में कितना भी इंडीपसी का लो ये आप कहानी से भी इंडीप उसे पढ़ लेने जब तक आप खुद कस को अप्लाई करना नहीं शुरू करेंगे तब तक कस अंदर जान में बैठना थोड़ा सा हार्ड होता है तो मैं चाहता हूं की जैसे ही आप इस क्रश कोर्स को देख के कंप्लीट कर ने अब जैन और कुछ छोटी-छोटी चीजों को बनाना शुरू करें कोई रेंडम सी वेबसाइट ढूंढ लीजिए इंटरनेट पर उसको बनाना शुरू कर दीजिए स्टार्टिंग में बहुत टाइम लगे वाला होता है पर धीरे-धीरे हमें समझ में आने लगता है अब चलते हैं थोड़ा सा और आगे अब हम समझेंगे फ्लेक्स ग्रेट और पोजीशंस के बड़े में एक-एक करके सुनाओ अब हम समझ लेते हैं की फ्लेक्स बॉक्स क्या होता है उसे हम पहले बात तो फ्लेक्स बॉक्स आया क्यों उसने कौन सी प्रॉब्लम को सॉल्व किया और फ्लेक्स बॉक्स को उसे कैसे करते हैं हम ये दो चीजों को अभी समझ लेने वाले हैं तो सबसे पहले ये समझ लेते हैं की फ्लेक्स बॉक्स आया क्यों तो अभी तक एचटीएमएल कस से जब कम करते थे तो कम करने में बस एक ही कट नहीं आई थी जो ये थी की अगर आपको जो एलिमेंट है उसकी पोजीशन को चेंज करना है उसे घूमना है इन डी सेंस पर एग्जांपल अगर राइट हैंड साइड में से लेफ्ट हैंड साइड लेक जाना है या वो रो में है उसे कलम में लेक जाना है कलम में है तो रो में लेक जाना है मतलब आपको सिंगल डायरेक्शन में उसे मूवमेंट देनी हो तो ये बहुत ज्यादा ही कठिनाइयां का है ये पॉसिबल था ही नहीं था तो सही ठीक है फ्लैट की आज हम कर सकते थे बट इतना आसन नहीं था वो तो इस प्रॉब्लम को सॉल्व कर देता है फ्लेक्स बॉक्स फ्लेक्स ब्लॉक ने क्या-क्या जैसे ही फ्लेक्स बॉक्स आया उसने क्या अलाउड कर दिया कस को मतलब वह जितने भी एचटीएमएल है अगर वो रो फॉर्म में तो उसे कलम फॉर्म में कर सकते हैं मतलब वर्टिकल होरिजेंटल कर सकते हैं होरिजेंटल है तो उसे वर्टिकल कर सकते हैं आप उसे रिवर्स कर सकते हैं तो ये सारे जो फंक्शनैलिटी थी ये क्या किया ये फ्लेक्स बॉक्स ने कस को दे दी तो इससे क्या हुआ अब फ्लेक्स बॉक्स या अब यूं कहें जो एचटीएमएल एलिमेंट हमारे एक वेब पेज पे आने वाला है हम उसके साथ वन डायरेक्शन मतलब सिंगल वन दी के अंदर खेल सकते हैं मतलब उसे आगे पीछे कर सकते हैं उसकी दिशाओं को बादल सकते हैं तो ये एक प्रॉफिट हो गया फ्लेक्स बॉक्स के आने से अब हम समझ लेते हैं की हम फ्लेक्स बॉक्स को इंप्लीमेंट कैसे करते हैं और उसके ऊपर कम कैसे किया जाता है तो चलिए सबसे पहले मैं यहां पे कस के अंदर फ्लेक्स बॉक्स नाम का टाइटल दाल देता हूं अब यहां पे नीचे ए जाते हैं और मैं यहां पे फिर से फ्लेक्स बॉक्स देख देता हूं ताकि आप लोगों को जब मैं कोड डन तब लोगों को किसी भी प्रकार की कोई चिंता नहीं हनी चाहिए यहां तक क्लियर हो गया अब मैं सबसे पहले कंटेनर बना देता हूं ठीक है कंटेनर क्यों बनाना पद रहा है मैं आपको वो समझा देता हूं फिर हम आगे बात करेंगे तो देखिए जब भी आपको किसी चीज के साथ खेलने है खेलने से अगर वो पर्टिकुलर डायरेक्शन में है और आपको उसे एक डायरेक्शन को चेंज करना है तो उसे कैसे में क्या होता है आपके पास एक पैरंट होना चाहिए जी पे आप प्रॉपर्टीज को अप्लाई कर पाएंगे और बेस्ड ऑन डी प्रॉपर्टीज जो आपने पेरेंट्स को अप्लाई की हुई है चाइल्ड उसके हिसाब से बिहेव करता है तो मैंने यहां पे लिख दिया डिस्प्ले और उसमें मैंने कंटिन्यू बना दिया अब मैं इसके अंदर दीव बनाऊंगा बॉक्स नाम का और इसको रिप्लिकेट कर देता हूं ठीक है रिप्लिकेट मतलब मल्टीपल बॉक्स देखनी चाहिए अब मैं ए जाता हूं कस के पास अब मैं यहां पे क्या कर रहा हूं मैं यहां पे लिख दे रहा हूं डॉट बॉक्स और बॉक्स को मैं हाइट और वेट दे देता हूं ठीक है हाइट मैं देता हूं 100 पिक्सल की और मैं विथ भी दे देता हूं 100 पिक्सल का ठीक है यहां तक ए गया अब इंटर कर दूंगा से इसको मैं क्या करता हूं बॉर्डर भी देता हूं वन पिक्सल सॉलिड रेड का ठीक है इतना मैंने कम कर दिया रेड के बदले हम कर देते हैं इसे ब्लैक ठीक है से कर देते हैं की अब मैं इसको को लाइव कर देता हूं को लाइव में हमें क्या करना होता है इस यूआरएल को कॉपी करना होता है जो आपको पहले से ही पता है यहां पेस्ट कर दीजिए यहां पे लेक कलम 5500 इंटर मार दीजिए तो आप देख का रहे हैं यहां पे बहुत सारे डब्बे ए चुके हैं अब इन बो के बीच में मैं थोड़ी सी मार्जिन दे देता हूं ताकि थोड़ा सा स्पेस बन जाए लेट से तू पिक्सल का ताकि आपको थोड़ी सी स्पेस दे यार इसको हम थोड़ा सा बड़ा कर देते हैं 7 पिक्सल का से करते हैं तो आप देखिए साथ पिक्सल की स्पेस ए गई लेकिन मैंने क्या कहा था की भाई डिफॉल्ट जो एलिमेंट है वो सारे के सारे कैसे हैं वो सारे के सारे एकदम सीधे वर्टिकल में है लेकिन अगर मुझे इसे चेंज करना हो तो अगर मुझे इसकी डायरेक्शंस को बदलना हो तो चलिए सबसे पहले क्या करते हैं हम यहां पे वन तू थ्री लिख देता हूं ठीक है ताकि आपको पता चले वो प्रॉपर कम कर रहे हैं या नहीं ने यह कर दिया लेकिन सबके अंदर वन तू थ्री फोर ए चुका है अब मुझे अगर इन बो के साथ कोई भी तरीके का गेम खेलने है इन दिस इस इनकी डायरेक्शन को चेंज करना है तो उसे कैसे में क्या करेंगे यहां पे ए जाएंगे अब मैं यहां पे एक टारगेट करूंगा मेरे पैरंट को किसको टारगेट करूंगा मेरे पैरंट को जो की है कंटेनर मैं यहां पे लिखूंगा डिस्प्ले और डिस्प्ले लिख के मैं लिख दूंगा फ्लेक्स ये लिखने ही मैं इसे से कर दूंगा अब आप देखिए जादू ठीक है इसको करते हैं रिफ्रेश ठीक है अभी कुछ नहीं हुआ आई थिंक हमने कस के क्लास के स्पेलिंग कॉपी करने में मिस्टेक कर दिए कंटिन्यू की स्पेलिंग गलत हो गई है आप अपने हिसाब से सही कर दीजिएगा नहीं तो मैं इसे ही कॉपी कर लेट हूं ताकि सही स्पेलिंग यहां पे रहे ये थोड़ी मोती माइनर मिस्टेक चलती रहती हैं तो देखिए सब अपने आप क्या हो चुके हैं अपने आप वो होरिजेंटल में ए चुके हैं जस्ट बिकॉज़ मैंने क्या लिख दिया यहां पे मैंने यहां पर लिख दिया डिस्प्ले फ्लेक्स डिस्प्ले जो डायरेक्शन होता है वो होता है रो ठीक है तो यह देखिए यह पूरा का पूरा रो में ए गया पहले अगर मैंने जब ये लाइन नहीं लिखी हुई थी तो सब कुछ प्रॉपर्ली एक कलम के ऊपर रखा हुआ था तो मैं यूं का सकता हूं जब भी आप किसी भी पैरंट को डिस्प्ले फ्लेक्स दे देते हैं तो वो अपनी जो ओरिजिनल कलम वाली पोजीशन होती है मतलब जो उसके भाई डिफॉल्ट हमारी एचटीएमएल की पोजीशंस होती है उसको चेंज करके फ्लेक्स अपने डिफॉल्ट पोजीशन सिस्टम को ले लेट है जो की होती है रो के अंदर ठीक है अब मैं यहां पे दिखता हूं आपको कुछ और चीज ठीक है मैं यहां पे लिखूंगा फ्लेक्स फिर यहां पे मैं लिखूंगा डायरेक्शन ठीक है तो देखिए डायरेक्शन का कलम कलम रिवर्स रो रिवर्स तो रो रिवर्स लिखने हैं से करते हैं अब यहां पे आके देखिए क्या होता है ठीक है तो जो रो पहले आप सीधे बंटी थी अब वही उल्टे बन गई है ठीक है तो अब यहां पर 4321 से अगर आपने थोड़ा सा दिमाग लगाया हो तो हमने इसको कलम के अंदर भी कर सकते हैं ये हो गया कलम रिवर से कर दीजिए यहां पे आई तो कलम जो है अब ये भी उल्टे डायरेक्शन में ए गई और अगर मैं ये जो रिवर्स की शब्द है को निकाल देता हूं से करता हूं उसमें हो चुका है ठीक है मैं यहां पे लिख देता हूं रो इसको कर देते हैं सिर्फ तो यह प्रॉपर्ली रो के अंदर ए गए हैं ठीक है इसके बाद में आपको एक चीज और दिखता हूं जो की है हमारा फ्लेक्स देखिएगा आपको दिखा देता हूं चलिए थोड़ा सा आगे ए जाते हैं अब हम यहां पे क्या करने वाले हैं मैं चाहता हूं इन बो के बीच में स्पेस रहे क्या चाहता हूं मैं इन बो के बीच में स्पेस है तो यहां पे आपको सिंपली लिखना है जस्टिफाई कंटेंट देखिए सेंटर यह तो है ना जब भी आप ये लिखने हैं मैं आपको ये भी बता देता हूं जस्टिफाई कंटेंट मैं भूल गया था तू भी ऑनेस्ट ठीक है जस्टिफाई कंटेंट मैंने सेंटर लिख दिया तो अब यहां पे देखिए ये सेंटर में ए गया जस्टिफाई कंटेंट सेंटर के अंदर में अगर यहां पे स्टार्ट लिख देता हूं से कर देता हूं तो ये स्टार्ट में फॉल्ट है ठीक है अब मैं यहां पे ए जाता हूं और मैं यहां पे लिख देता हूं और से कर देता हूं तो ये और में चले गए इसके अलावा यहां पे और क्या-क्या चीज वो देख लेते हैं देखिए फ्लेक्स स्टार्ट फ्लेक्स और देखिए अब ये तीन बहुत इंपॉर्टेंट है स्पेस अराउंड स्पेस बिटवीन और स्पेस इवनली ठीक है अब देखिए स्पेस बिटवीन लगता हैं से करते हैं अभी देखिए तो अब क्या हुआ जितने भी कंटेनर थे हमारे पास ठीक है अब मैं इसको जो वन है इसको एक कंटेंट बोल सकता हूं तू को एक कंटेनर बोल सकता हूं थ्री को एक कंटेनर बोल सकता हूं और फ्रॉक को एक कंटेनर बोल सकता हूं ये जितने भी कंटेनर हैं अब क्या हुआ उनके बिशन बीच में स्पेस ए चुकी है तो ये होता है स्पेस बिटवीन इसके अलावा एक और होता है स्पेस इवनली से करते हैं यहां पे आते हैं रिफ्रेश कीजिए अब स्पेस इवनली में क्या होता है जितने भी कंटेनर हैं अभी जितने भी कॉन्ट मैंने बना के रखें स्टार्टिंग से और तक इन कंटेनर के स्पेस जो इसके आसपास स्पेस होगी वह इवनली डिस्ट्रीब्यूशन हो जाति है यहां पे यहां पे यहां पे मतलब जितनी भी स्पेस रहेगी वो इन सभी कंटेनर के बीच में प्रॉपर्ली एवं मतलब इक्वल अमाउंट में डिस्ट्रीब्यूशन हो जाति है इसके अलावा हमारे पास एक और है चलिए हम उसे देख लेते हैं वो है स्पेस अराउंड इसको करते हैं से तो अब देखते हैं तो अब जो है वो स्पेस इवनली और अराउंड में थोड़ा सा फराक होता है इवनली में प्रॉपर्ली डिस्ट्रीब्यूशन होती है अराउंड में एक पर्टिकुलर बॉक्स के चारों तरफ हो जाति है तो ये एक पर्टिकुलर हमारा कॉन्सेप्ट यहां पे क्लियर हो जाता है जस्टिफाई कंटेंट को लेकर ठीक है जस्टिफाई कंटेंट स्पेस अराउंड स्पेस बिटवीन स्पेस इवनली फ्लेक्स स्टार्ट और सेंटर ठीक है और कस के अंदर जो सेंटर है यह बहुत ज्यादा ही इंपॉर्टेंट है ठीक है यूजुअली क्या होता है हम कभी भी जब भी फ्लेक्स बॉक्स उसे करते हैं तो हम यही कोशिश करते हैं की चीज सेंटर में ए जाए तो हम उसे कैसे में क्या लिखेंगे जस्टिफाई कंटेंट सेंटर और अगर एक पर्टिकुलर चीज कलम में है तब हमें लिखना होगा एलाइन आइटम सेंटर देखिए मैं आपको दिखा देता हूं यहां पे रो के बदले में कर देता हूं कलम से करते हैं तो अभी ए गया ठीक है तो अब आप देख रहे हो जस्टिफाई कंटेंट है जो कम नहीं कर रहा क्योंकि ये सेंटर में आना चाहिए भाई इसके हिसाब से तो ये कम बिल्कुल नहीं करेगा लेकिन मैं यहां पर लिख डन लाइन आइटम सेंटर तो अब देखिए क्या हुआ अब ये जो चीज थी यहां पे अब वो सेंटर में ए चुकी है ठीक है तो एलेन आइटम्स सेंटर लिखने से चीज जो होती है वो सेंटर के अंदर चली जाति है लेकिन किस डायरेक्शन में जब वो किसमे हो जब वो कलम में हो तब ये कम करता है नहीं तो यह कम बिल्कुल नहीं करेगा ठीक है इसी की तरह इसमें से चीज फ्लेक्स स्टार्ट फ्लेक्स और ठीक है सेंटर ये साड़ी चीज होती हैं सेंटर इसे डी वन विच इस यूज्ड मोस्ट ऑफ डी टाइम ठीक है इसको मैं करता हूं से तो अब देखिए स्पेस ओके इसके अलावा चलिए हम इसको हटा देता हूं इसको कलम को मैं फिर से रो कर देता हूं से करते हैं यहां देख लेते हैं रो में ए गया है इसके अलावा एक बहुत ही इंपॉर्टेंट प्रॉपर्टी होती है गैप ठीक है गैप में भी देखो तीन तरीके गैप है गैप रोग गैप और एक कलम का ठीक है तो जब भी आप गैप लिख के लिख देते हैं 10 पिक्स तो अब इस कैसे में क्या होगा की हम इसको हटा देता हूं ठीक है जो मैंने बॉक्स का मार्जिन दिया था मैंने उसे हटा दिया मैंने यहां पे गैप लिख दिया है तो देखिए क्या होता है अब 10 पिक्सल का गैप रो में और कलम में मतलब यहां पे वो होरिजेंटल बी और वर्टिकल भी प्रॉपर्ली ए जाता है इसको मैं सिंपली यहां पे 100 कर देता हूं तो देखिए अब क्या होगा तो अब 100 पिक्सल का गैप ए जाता है रो और कॉलम्स के अंदर ठीक है तो ये और ये बात हो रही है हम यहां की ये बात बिल्कुल नहीं कर रहे ठीक है ये बात क्लियर हुई तो ये हो गया हमारा गैप तो गैप से क्या हो जाता है गैप क्या करता है रो ग और कलम गैप देता है लेकिन जब भी आप गैप लिखेंगे ये ध्यान रखिए अगर आपने यहां पे कोमा करके 10 पिक्सल लिख दिया तो अब क्या होगा उसे कैसे में आपको वो समझना होगा तो ये जो पहले वाला है ये होता है रोग एफ और ये जो दूसरा वाला होता है ये होता है कलम गैप यहां पे आते हैं रिफ्रेश करते हैं देखिए तो यहां पे जो गैप थी वो ऑलमोस्ट नील हो गई लेकिन मैं इसी को थोड़ा सा फिर से बड़ा डन 100 पिक्सल तो देखिए अभी आपको कुछ देखने के लिए नहीं मिल रहा है क्योंकि मैंने यहां पे गलती से कॉम उसे कर लिया लेट मी रिमूव आईटी दिखा अभी ए गया अब मैं इसको यहां पे 10 कर देता हूं तो देखते हैं क्या होगा तो आपको समझ में ए रहा है यहां पे 10 पिक्सल की गैप हो चुकी है बात क्लियर हुई देखो मैं अब यहां पे कंटेनर को अगर मैं सिंपली बॉर्डर दे देता हूं तो वन पिक्सल सॉलिड ब्लैक ठीक है अब इसको से करता हूं यहां पर ए जाते हैं तो देखिए यह पूरा का पूरा हमारा बॉर्डर बन चुका है तो यह गैप मैंने लिखा जो सबसे पहले था वो था रोग गैप और जो दूसरा था वो था हमारा कलम गैप यहां तक बात सभी को क्लियर हुई तो ये हमारी फ्लेक्स बॉक्स की बेसिक प्रॉपर्टीज जिन्हें हम उसे करते हैं ताकि हम चीजों को फ्लेक्स मतलब उनका जो डिफॉल्ट डायरेक्शन है उसे बादल सके और प्रॉपर्ली कम कर सके एक बात और आपको याद रखती है फ्लेक्स बॉक्स के अंदर और बहुत साड़ी चीज होती हैं लेकिन आपको ध्यान रखना है आपको ये फ्लेक्स डायरेक्शन और ये एलाइन आइटम और जस्टिफाई कंटेंट इन तीन स्पेशली यूं कहें तीन डिस्प्ले फ्लेक्स जस्टिफाई कंटेंट सेंटर आलिंगन आइटम्स और ये जो तीन प्रॉपर्टीज होती हैं ये बहुत ज्यादा उसे होती हैं ताकि हम चीजों को प्रॉपर्ली होरिजेंटल और वर्टिकल एलाइन कर सके एक पर्टिकुलर वेब पेज के अंदर तो याद रखिए जो फ्लेक्स बॉक्स था वो हमेशा वन डाइमेंशनल कम करता है इसके अलावा हमारे पास एक ग्रिड का आपको एक बेहतर एग्जांपल देता हूं मैं ग्रेट में आपको जस्ट अभी 1 मिनट में समझाऊंगा उसके पहले हम समझ लेते हैं ग्रिड क्या होता है तो जो ग्रिड होता है उसमें क्या होगा जैसे की फ्लेक्स सिंगल डायरेक्शन है ग्रिड जो होता है वो तू दमन में कम करता है मतलब जब भी हम अभी आप फ्लेक्स पढ़ रहे थे तो आपने एक चीज नोटिस की मैं जो भी कम कर का रहा था या तो मैं वो रो पे कर का रहा था या तो वो मैं कलम पे कर का रहा था लेकिन मुझे अगर दोनों पे करना है मुझे अगर रो पे भी करना है और कलम पे भी करना है फ्लेक्स की मदद से तो वो इंपॉसिबल है तो उसे कैसे में हमारे पास ए जाता है ग्रिड क्या करता है साड़ी चीजों को प्रॉपर्ली रो और कॉलम्स में बांट देता है तू डाइमेंशनल में अब आप चाहें जी तरह चाहे उसे तरह उससे साथ खेल सकते हैं वन डाइमेंशनल में फ्लेक्स के साथ और तू डाइमेंशनल में ग्रिड कैसे साथ आपको ग्रिड रा और कलम के फंक्शनैलिटी प्रोवाइड करता है ताकि आप चीजों को सेपरेट कर सके और उन्हें अपने अकॉर्डिंग एडजस्ट कर सके तो अब हम समझ लेते हैं ग्रिड के बड़े में तो चलिए अब समझ लेते हैं ग्रिड को तो अभी तक हमने फ्लेक्स समझ लिया ठीक है तो जब मैं फ्लेक्स समझा रहा था तब मैंने आपको कहा था एक बात की फ्लेक्स क्या होता है वो वन डाइमेंशनल होता है मतलब किसी भी चीज को अगर आप वो वन डाइमेंशन में कम करवाना है मतलब या तो हॉरिजॉन्टल या तो वर्टिकल जब भी आपको किसी भी आइटम्स को जो आपने वेब पेज में रखा है उसे पे कम करवाना हो तब हम उसे करते हैं फ्लेक्स को लेकिन अब अगर मां लीजिए कोई ऐसे कंटेंट है जिसको आपको रो और कलम दोनों में दिखाना मतलब वो हॉरिजॉन्टल भी दिखाना है आपको वर्टिकल भी दिखाना है तो उसे कैसे में क्या होगा आपको उसे करना होगा ग्रिड आपको ये अलाउ करता है की आप जितने भी एलिमेंट हैं एचटीएमएल को उनको आप रो और कलम में आलिंगन कर सकते हैं पर एग्जांपल अगर आपको मैं गैलरी दिखता हूं फोन के अंदर तो आप ये बात देख पाते होंगे जो फोटोस होती है वो लाइन से राखी होती है ठीक है और एक सिंपल में मिंस एक बॉक्स होता है उसके अंदर राखी होती है लाइन बाय लाइन बाय लाइन लाइन तो मैं ऐसा का सकता हूं की जितने भी ग्रिड बना रहा हूं वह रो और कॉलम्स में डिवाइडेड होती है जैसे की हमारा एल्बम जो हमारे पास फोटो एल्बम होते हैं जो हमारे फोन के अंदर गैलरी होती है वो रो और कॉलम्स के अंदर डिवाइडेड होती है क्या करना होता है हमें जितने भी एलिमेंट्स होते हैं हमें वेब पेज को ये बताना पड़ेगा हमें कंप्यूटर को ये बताना पड़ेगा की मुझे वो कितने कॉलम्स में चाहिए ठीक है जब मैं ये बता दूंगा की मुझे वो कितने कॉलम्स में चाहिए तो रो बेस्ड ऑन नंबर ऑफ कॉलम्स मैंने बताए हैं उसे पे डिसाइड हो जाति है जैसे की पर एग्जांपल अगर मैं बोल देता हूं की मुझे तीन रो चाहिए सॉरी तीन कलम चाहिए और आपके पास टोटल 10 आइटम है 9 आइटम है और मैंने तीन कलम बोल दी है तो चौथी कलम कभी नहीं बनेगी पहले तीन कलम बनेगी फिर उसके अंदर हम आइटम्स को रखना शुरू कर देंगे और जैसे ही मैंने एक बार पहले आइटम रखा दूसरा आइटम रखा दूसरा आइटम रखा अब मैंने कंप्यूटर को यह बता दिया है की मैं चौथ और कलम नहीं बना सकता तो जैसे ही चौथ आइटम है वो अपने आप चला जाएगा नीचे मतलब जहां पे फर्स्ट कलम है वहां पे फिर हो जाएगा सेकंड पर छठ जाएगा थर्ड पर फिर से चीज फिर से रिपीट हो गई तो ये किड ऑफ थ्री क्रॉस थ्री का एक मैट्रिक्स बन जाएगा मतलब इसमें टोटल नो बॉक्स होंगे 3/3 के और जिसमें सारे के सारे कंटेंट रखें हुए होंगे तो कुछ इस तरह ये साड़ी चीज पुरी की पुरी कंप्लीट बन जाति है चलिए मैं अभी आपको एक सिंपल सा एग्जांपल डीके इसे बता देता हूं ग्रिड की मदद से ठीक है तो मैं मैंने क्या किया है दिखा देता हूं मैंने आपको कोड के ऊपर मैंने सभी को कमेंट कर दिया है ताकि कोड फाइल ज्यादा बड़ी ना दिखे अब मैं यहां पे आके मैं सिंपली लिख देता हूं ग्रिड ठीक है अब ए जाते हैं बाहर मैं लिखना हूं दीप डॉट ग्रिड ठीक है क्लास का नाम ग्रिड दे देते हैं कंटेनर गिर देते हैं जो भी आपको ठीक लगे दोनों ही सही है सी ओ एन टी हिफिन ऐसे कर देते हैं बाहर आके ऐसे कर देते हैं ठीक है तो ये हमारा आमेट है जो हमें आप पूरा कम कर देगा मैं इसके अंदर दीप बनाता हूं मैं इसके अंदर लिखूंगा ग्रेट 5 आइटम ठीक है आइटम्स मैंने ऐसे कर दिया इसको से करता हूं और इसके लिए मल्टीपल कॉपी निकाल लेट हूं ठीक है मैंने इसकी मल्टीपल कॉपी काउंट कर लेते हैं 1 2 3 4 5 6 सेवन ओके कैसे बनेगा ठीक है अब मैं यहां पर ए जाता हूं यहां पे आने के बाद आज यूजुअल क्लास का नाम कॉपी कर लीजिए ताकि कोई भी स्पेलिंग मिस्टेक ना हो ठीक है यूजुअली छोटी-छोटी स्पेलिंग मिस्टेक हो जाति है और उसके वजह से आपका कस का जो सिलेक्ट है वो प्रॉपर्ली कम नहीं करेगा ठीक है इसको बनाया और इसको बनाने से पहले मैं आपको एक चीज कर के दिखा देता हूं जितने भी आइटम्स हैं मैं इनको हाइट और विथ दे डन ताकि आप वेब पेज पर इन्हें देख रहे कम से रिफ्रेश करूं तो इस वक्त आप वेब पेज पर कुछ नहीं देख पाओगे लेकिन अगर मैं इसके अंदर वन लिख देता हूं से करता हूं और यहां के देखो तो आपको वन दिखाई दे रहा है इसका मतलब ये है ये इतनी चीज जो है ये हमारे जो वेब पेज है इसके ऊपर ए चुकी हैं अब इसके ऊपर थोड़ा हमें कम करना है तो मैं यहां पे आके यहां पे लिख देता हूं डिस्प्ले और डिस्प्ले लिखने का मैंने लिख दिया ग्रिड लिखने का मैंने से किया है अभी भी आपको डिफरेंस देखने के लिए नहीं मिलेगा ठीक है डिस्प्ले ग्रेट हम कभी भी चाइल्ड में नहीं लिखने हम हमेशा पैरंट में लिखे हुए पैरंट है हमारा मैंने यहां पे लिख दिया और मैं चाइल्ड क्लास ये मस्जिद चाइल्ड क्लास है इस क्लास का उपयोग करके मैं इसकी हाइट और विथ सेट कर देता हूं ठीक मैं क्या करूंगा इसकी हाइट और विथ को मैं सेट कर दूंगा मैं लिख दूंगा हाइट ठीक है कितना लिखूंगा मैं 100 पिक्सल और मैं विथ लिख दूंगा 100 पिक्सल तो उससे क्या होगा 100 / 100 का एक स्क्वायर बॉक्स मिल जाएगा ठीक है लेकिन अभी हमें ये देखने के लिए नहीं मिल रहा क्योंकि बॉर्डर नहीं है तो एक कम करते हैं इसको हम छोटी सी बॉर्डर दे देते हैं तू पिक्सल सॉलिड ब्लैक की शॉप क्या मैंने यहां पे तो देखिए तू पिक्सल सॉलिड ब्लैक की हमारे पास स्क्वायर बॉक्स ए चुके हैं मैंने यहां पे डिस्प्ले ग्रिड भी लिख दिया है तो जैसे ही मैंने आपको अभी थोड़ी डर पहले बताया था जब भी मैं डिस्प्ले ग्रिड लिख देता हूं अब इसके बाद मुझे इसमें और अगर कंटेंट एड का कंटेंट इन डी सेंस अब मुझे मेरे वेबसाइट को बताना पड़ेगा की मुझे ये जो ग्रिड है वो कितने बाय कितने का चाहिए ठीक है तो कितने भाई कितने में आपको सिर्फ कलम बतानी होती है रो अपने आप डिफाइन हो जाएगी तो वो किस तरह करते हैं है वह मैं लिखूंगा ग्रेट टेंप्लेट कॉलम्स क्या मैं लिखूंगा ग्रिड टेंपलेट्स कलम उसके बाद मुझे ये बताना पड़ेगा की मुझे कितनी रा चाहिए ठीक है रोज सॉरी कितनी कलम चाहिए अब मुझे ये जो जितनी भी कलम चाहिए उसका मतलब पर एग्जांपल अगर मैं एक बच्चे को लाइन में खड़ा कर रहा हूं और वैसे 100 बच्चे हैं तो हर एक बच्चे मतलब एक रो और दूसरे रो के बीच में डिस्टेंस होगा थोड़ा सा ठीक है तो हमें यहां पे वही कम करना है मैं लिख दूंगा की पहले जो है वो हो जाएगा 250 पिक्सल 250 पिक्सल दूसरा भी 250 पिक्सल और तीसरा भी 250 पिक्सल मैंने कर दिया सिर्फ अब यहां पे आते हैं तो देखिए 250 पिक्सल 250 पिक्सल और 250 पिक्सल के सब अपने आप सेट हो गए आप एक बार देख का रहे होंगे की फर्स्ट सेकंड थर्ड के बाद ये जो फोर्थ आइटम है वो यहां पे जय ही नहीं रहा क्योंकि उतना मैंने अलाउड ही नहीं किया है अगर मैं यहां पे आके सिंपली ये लिख डन बॉर्डर ठीक है मैं ऐसे लिख देता हूं बॉर्डर वन पिक्सल सॉलिड रेड से करते हैं यहां आगे देखते हैं तो ग्रिड जो है जो कंटेनर है उसने स्पेस पुरी ली है देखिए स्पेस उसने पुरी ली है इतना लेकिन वो कम उतना ही कर रहा है जितना उसे बोला गया है ठीक है अगर मां लीजिए मैं इसको हटा देता हूं से करता हूं तो अब देखिए अब जो है ये विथ 100 पिक्सल नहीं ले रहा ठीक है ये विथ 100 पिक्सल नहीं ले रहा लेकिन हाइट वो 100 पिक्सल लिया है हाइट उसने कितने लिए 100 पिक्सल और कितने में उसने बांट दिया 250 पिक्सल 250 पिक्सल 250 पिक्सल अगर मैं यहां पर इसको थोड़ा बड़ा देता हूं और से करता हूं तो अब देखिए ठीक है ये जो है वो बहुत ज्यादा स्पेस ले ले रहा है ये देखो जितना मैंने लिखा उतनी स्पेस लिया लेकिन अगर मैं इसको मां लीजिए थोड़ा सा कम कर डन 500 कर देता हूं से करते हैं देखिए ये दोनों छोटे हैं ये थोड़ा सा बड़ा हो गया तो मुझे कितनी जगह रखती है मेरी कलम में वो मैं यहां डिफाइन करता हूं तो मैं यहां जितनी जगह लिखूंगा मां लीजिए मैंने इसको बड़ा कर दिया ठीक है मैंने इसको छोटा कर दिया से करते हैं तो अब देखिए ये जो है वो सबसे ज्यादा छोटा हो चुका है तो बेस्ड ऑन आपने कलम में कितना दिया हुआ है उसे हिसाब से ये सेट होगा अगर आपने ध्यान से देखा हो तो यहां पे तक ग्रिड टेंप्लेट कॉलम्स तो सीधी सी बात है हमारे पास आएगा ग्रिड हाय फैन टेंपलेट्स रो ठीक है अब ये क्या करता है ये बता दो चलो मैं आपको बताता हूं ठीक है मैंने लिख दिया 100 पिक्सल किया मैंने सिर्फ तो अब आपको यहां पे डिफरेंस देखने के लिए नहीं मिल रहा लेकिन इसी 100 को मैं 1000 कर देता हूं और अब आगे देखते हैं तो देखिए ये जो पहले है ये जो हमारे पहले रो है ठीक है पहले जो रो बना है उसकी हाइट कितनी हो जाति है पुरी की पुरी जब मैंने यह लिख दिया ग्रेट टेंप्लेट रोज और यहां पर 1000 पिक्सल तो ये जो पहले कलम है ना मेरी जहां पे मेरा कंटेंट रखा हुआ है इस पूरे की हाइट 1000 पिक्सल हो जाएगी और यही से जगह मुझे दोबारा करनी हो तो मैं इसको कॉपी कर लूंगा कॉपी करने में आप पेस्ट करके से कर दूंगा तो अब देखिए क्या होगा ये दूसरे वाले की जो हाइट है वो भी कितनी हो जाएगी 1000 पिक्सल तो इसका मतलब ये होता है की ये टेंप्लेट रो है हमारे पास ग्रिड टेंप्लेट रो ये डिफाइन करता है की जो कंटेंट आने वाला है उसकी हाइट कितनी रहने वाली है और ये डिफाइन करता है की जो कलम होने वाला है वो कितना चौड़ा होगा मेंस कलम की विथ कितनी होगी ये डिसाइड करता है कलम कितनी स्पेस लगा वो डिफाइन करता है अब मैं इसको हटा देता हूं मां लीजिए मैं इसको कमेंट कर देता हूं ठीक है मां लीजिए मुझे पूरे यहां पे लिख दूंगा ऑटो ऑटो और मैं फिर से लिख दूंगा ऑटो ठीक है इसका मतलब अभी सिंपल क्या होता है ठीक है मैं यहां पे आया हूं रिफ्रेश तो ऑटो ऑटो लिखने से क्या फायदा हुआ की मॉनिटर पे ये जो आपका स्क्रीन है इस पे जितनी स्पेस अवेलेबल है उसे तीन इक्वल पार्ट में बांट दो इसलिए मैंने ऑटो ऑटो ऑटो लिखा तो इससे क्या होगा जितनी स्पेस है अवेलेबल है उसे प्रॉपर्ली आपको बांट देना होगा ठीक है अब इस ऑटो के जगह पे मैं लिख दूंगा 100 पिक्सल ठीक है से करता हूं तो देखिए पहले दूसरे ऑटो के हिसाब से मतलब स्क्रीन की जितनी साइज है उसे हिसाब से उसे बांट दो लेकिन जो ये थर्ड वाला है उसे सिर्फ आपको 100 पिक्सल देना है यह से कम आप स्टार्टिंग में भी कर सकते हो ठीक है तो ये से का स्टडी में कर सकते हो तो देखिए बीच वाला है ऑटो का मतलब जितनी अब अवेलेबल स्पेस है वो मेरी हो जाएगी और अगर मैं तीन बार ऑटो लिख दिया तो पूरे विंडो या पूरे मॉनिटर या पूरे स्क्रीन पे जितने साइज है वो प्रॉपर्ली इक्वली डिस्ट्रीब्यूशन हो जाएगी कोयल क्रिएटिंग योर कंटेंट एस और वाइल्ड डिसप्लेइंग योर कंटेंट ऑटो ऑटो और फिर मैंने लिख दिया ऑटो से कर दीजिए और ये देखिए ए गया ठीक है अब मैं एक चीज और दिखता हूं मैं यहां पे लिखना हूं 1fr 2fr कर दिया तू फ्रेक्शनल यूनिट तो देखिए ये छोटा हो गया ये थोड़ा बड़ा है ये फिर से छोटा हो गया ठीक है मैं अगर इसी को थ्री कर देता हूं तो देखिए ये ज्यादा बड़ा हो जाएगा ये दोनों छोटे हो जाएंगे अब मैं इसको भी तू करता हूं ठीक है तो देखिए ये बड़ा सबसे बड़ा उससे थोड़ा छोटा और इससे सबसे कम छोटा तो इसका मतलब क्या होता है जैसे की ऑटोमेटिक स्पेस है वो ले लो पुरी की पुरी और तीन इक्वल्स जंक्शन बांट दो तो 1 एफ आर का मतलब होता है जितनी स्पेस है उससे वन फ्रेक्शनल यूनिट इन शॉर्ट सिंपल सा मतलब यही होता है की अगर मैंने तीन बार बनाए फिर लिख दिया तो पूरे स्क्रीन पे जितनी साइज है वो तीन इक्वल यूनिट्स पे बट जाएगी अब जब वो तीन इक्वल यूनिट्स में बट चुकी है तो मैं उसके अंदर कुछ चेंज कर सकता हूं यूनिट बढ़ाने के बाद मैं चाहता करता हूं की एक को दो यूनिट मिले एक को तीन यूनिट मिले और एक को एक ही यूनिट मिले तो मैंने यहां पे लिख दिया है मेंस अगर ऑटो से आपका कम नहीं होता है तो आप थोड़ा और ऊपर जाकर ये सारे कम कर सकते हैं ठीक है तो अभी आपने एक चीज अच्छी की मुझे ये तीनों चीज लिखने के लिए तीन बार लिखना पद रहा है ठीक है मैं एक चीज उसे कर सकता हूं रिपीट रिपीट के बाद लिखिए 3 ऑटो कितनी बार रिपीट करना है वो नंबर और उसके बाद कितनी साइज देनी है वो अगर मुझे कर बार रिपीट करने लिखूंगा कर सब तो देखिए कर आगे 1234 तो कितनी बार रिपीट करना है कर बार रिपीट करना है और हर बार ऑटो या हर बार वन एफ आर ठीक है तो ये 1 एफ आर के हिसाब से ए जाता है यहां तक बात समझ में आई चलो इसको मैं कर देता हूं फिर से थ्री ताकि आपको किसी को डाउट ना आए ठीक है एक और चीज होती है गैप ठीक है गैप का मतलब होता है स्पेस अब ये जो गैप है ये दो पार्ट्स में डिवाइड है रोग है और कलम गैप लेकिन अब दोनों को तो अगर एक ही जगह देना चाहते तो आप सीधा गैप लिक्विड 10 पिक्सल लिख दीजिए तो अब क्या होगा 10 पिक्सल रो और 10 पिक्सल सॉरी 10 पिक्सल रो और 10 पिक्सल कलम में स्पेस ए जाएगी इसी तरह अगर आपको एक ही जगह एक जगह मैंने लिख दिया 10 और फिर एक जगह में लिख दिया 20 पिक्सल तो देखते हैं क्या होगा तो देखिए कहां पे ज्यादा दिखे रही है यहां पे ज्यादा है ठीक है तो पहले वाला किसके लिए था पहले वाला था रो के लिए ये जो 10 पिक्सल था वहां पे अगर थोड़ा सा डिफरेंस और चीज और 200 करके से कर देते हैं तो देखिए ये 200 ए गया तो ये का सकते हैं की मैंने दूसरा यूनिट दिया ये कलम के गैप के लिए था ये कलम के गैप के लिए था और जो मैंने पहले वाला दिया ये जो था ये हमारा रो के लिए था और अगर इसे आपको अलग-अलग लिखना हो ठीक है और अगर इसे आपको अलग-अलग लिखना हो तो आप रो गैप और कलम गैप भी लिख सकते हैं ठीक है रो गया 10 पिक्सल तो हर रो में 10-10 पिक्सल ए गई और इसके अलावा मैं लिख दूंगा कलम गैप 20 पिक्सल से कर दिया मैंने तो हर कलम में 20 पिक्सल की गैप ए जाति है तो कुछ इस तरह हम गैप का उपयोग भी कर सकते हैं अब मां लीजिए मैंने यहां पे थ्री थ्री लिख दिया मुझे जो पहले वाला है ये शुरू यहां पे करना है लेकिन खत्म यहां पे करना है मैं नहीं चाहता हूं की जो पहले बॉक्स है मेरा ये एक बॉक्स ले ये ले ठीक है तो उसे कैसे में क्या करूंगा मैं चाइल्ड में जाऊंगा यहां पे एक और क्लास बनाऊंगा मैं इसको दे दूंगा वन इसको करूंगा मैं से से करने के बाद में यहां पे आऊंगा फिर से डॉट वन अब मैं यहां पर लिखूंगा ग्रिड कोल्लम स्टार्ट ठीक कलाम स्टार्ट मैं लिखना हूं कहां से स्टार्ट करना है वन से ठीक है और और कहां पे करना है मैं आपको बताता हूं ग्रिड कोल्लम और ठीक है क्या करेंगे हम कलम को और करेंगे कहां पे थर्ड पे से करते हैं देखते हैं क्या होता है ठीक है तो वन ये पहले हो गया ये दूसरा हो गया और ये तीसरा हो गया और ये चौथ हो गया तो शुरू कहां से हो रहा है वन से और खत्म कहां पे हो रहा है थ्री पे अब खत्म कहां पर होगा फोर पे तो इसमें पुरी की पुरी स्पेस ले ली अब मुझे लास्ट वाले को यहां से शुरू करके यहां पर और करना है यू का है ये जो मेरा ये सेकंड वाला है इसको यहां शुरू करना है लेकिन और मुझे यहां करना है ठीक है तो यहां पर ए जाते हैं यहां पर लिख देता हूं तू ठीक है अब आते हैं ऊपर थोड़ा सा मैं यहां पे लिखना हूं डॉट तू अब क्या जैसे ऊपर मैंने क्या लिखा कलम स्टार्ट इस तरह यहां पे होगा रो क्या होगा ग्रिड रो स्टार क्या कर रहे हैं हम हम लिखेंगे हिफिन रो स्टार इसको मैं करूंगा सेकंड से स्टार्ट ठीक है और मैं और कहां पे कर दूंगा ग्रिड हिफिन रो और ठीक है और कहां पे कर रहा हूं चलिए मैं करता हूं फोर पे से कर देते हैं आते हैं देखते हैं तो यहां से स्टार्ट हो गए यहां पे खत्म हो रहा है लेकिन अब ये स्पेस क्यों नहीं ले रहा क्योंकि इसकी हाइट जो है वो 100 पिक्सल मैंने डिफाइन कर दी है अगर मैं इसकी हाइट को 1000 पिक्सल कर देता हूं ये बहुत ज्यादा बड़ा हो जाएगा ठीक है सभी अपने आप बड़े हो चुके हैं लेकिन हमको इतना बड़ा करने की जरूर नहीं थी तो आप समझ चुके हैं की मैं किस तरह बात कर रहा हूं यहां तक बात क्लियर हो गई ठीक है तो यह इस तरह यह स्टार्ट यहां पर हो रहा है और यहां पर हो रहा है इसकी हाइट 100 पिक्सल है तो यह इसीलिए नीचे नहीं जा सकता क्योंकि अब क्या हो रहा है ये जो हाइट प्रॉपर्टी है इसकी प्रायोरिटी ज्यादा है कंपेयर तू स्टार्ट और एंड की ठीक है और अगर आपको इसको सॉल्व करना है तो मैं नहीं कर रहा हूं मैं आपको एक छोटा सा हिंद दूंगा आपको यहां पे थोड़े चेंज करने होंगे और अपने आप इसकी हाइट सेट हो जाएगी ठीक है इस बात का आपको ध्यान रखना है और इस बात को आपको अच्छे से करना होगा मैं क्लियर क्लियर चलिए नाइस तो हमको ग्रिड अब समझ में ए चुका होगा ठीक है ग्रिड की जितनी भी इंपॉर्टेंट प्रॉपर्टीज थी वो सब की सब मैंने आपको बता दिया की बहुत साड़ी हैं इंपॉर्टेंट इतनी होती है मैंने आपको बता देती है बहुत साड़ी ठीक है तो अब क्या होगा मैं चाहता हूं की आप एक गैलरी अप बनाएं ठीक है गैलरी अप मतलब इंटरनेट हो जाइए 10-15-20 फोटोस को डाउनलोड कर लीजिए फोटोस को डाउनलोड करने के बाद यह देखिए की मिक्स और किसी की फोटो की डाइमेंशन से हो अब आपको गैलरी बनानी है इस तरह से ठीक है फिर अगर आपको याद हो सैमसंग के फोंस में क्या होता है अगर हम थोड़ा सा पिंक कर देते हैं तो कोई कोई पहले फोटो है बड़ी हो जाति है मतलब वो थोड़ा ज्यादा स्पेस दे दी बाकी सब नॉर्मल हो जाति हैं तो उसे तरह का भी आपको एक कलम स्टार्ट कलम या रोज स्टार रो और लेक फिट करना होगा ये आपका एक छोटा सा असाइनमेंट है ग्रिड के ऊपर जो मैं चाहता हूं आप सभी इसको कंप्लीट करें ठीक है चलिए इसी के साथ ग्रिड को यहां पे खत्म करते हैं [संगीत]