🚀 CSS Fonts & Text Styling Tutorial

Name: 🚀 CSS Fonts & Text Styling Tutorial
Uploaded: 2025-12-03T08:18:44+00:00
Duration: 1 h 6 min 22 s
Channel: skillwaala
Description: 👨&zwj;💻 What You’ll Learn in This Class:<br />✅ CSS Text properties — color, text-align, text-decoration, text-transform<br />✅ CSS Font properties — font-family, font-size, font-style, font-weight<br />✅ How to use Google Fonts in your project<br />✅ Styling paragraphs, headings, and links with different fonts

skillwaala

22 hours ago

👨‍💻 What You’ll Learn in This Class:
✅ CSS Text properties — color, text-align, text-decoration, text-transform
✅ CSS Font properties — font-family, font-size, font-style, font-weight
✅ How to use Google Fonts in your project
✅ Styling paragraphs, headings, and links with different fonts

Category

📚

Learning

Transcript

Display full video transcript

00:00:00झाल झाल

00:00:30झाल

00:01:00झाल

00:01:30झाल

00:02:00झाल

00:02:30अच्छी टेट टॉन कि अफ मैं और रसक्तुराइवर स्ट्री आप सब्सक्ति है, एल्यूद अप्स्तृरा गेश्द काण्परा ग्यूद अप्स्तृरा गेड़न लिव्यून विंद गयून क्झानथ अर्गेश्यूर और अप्राशक्याब क्या टौज अज्यू थार्टा�

00:03:00अभी जो बटन का Color है और जो डिस्पले का Color है वो चीज़ अपने भी डिस्कस ही नहीं करी तो अब मैं आपको नहीं बता सकता

00:03:22और अपने चीजे डिसकस करी हो आपने लगा दिया बटन और उस पर अपने डिसकस नहीं करा

00:03:27गुड़ीवनिंग सत्यम गुड़ीवनिंग सौरव

00:03:31I hope कि मेरी अब आज किलियर आ रही होगी सभी को और मैं आपको स्क्रीन भी शेयर कर देता हूँ

00:03:39इस चीज का भी रैस्पॉंस ले लेते हैं अपन तो एक बार सब रैस्पॉंस कर देना कि स्क्रीन विजीबल है और अपना आ जाते हैं अपने

00:03:50वी एस कोड के उपर और सी एसस का फोल्डर अपने आपर बना ही रखा है चलो अब अपना आगे डिसकस करेंगे अपने

00:04:02सी एसस के अंदर जितनी पी चीजे अपने डिसकस करेंगे वाले हैं सोने प्रिवेस क्लास में डिसकस करता हैे उप

00:04:22सब्साइफ क्लास में अपने दिसक्रा सा अपने सेलेक्टर्स देखेंगा अरफण उसी में आगे

00:04:29करते हैं CSS में अपने को अब ये भी आ गया कि अपने को यहां पर CSS किस तरीके से एपलाई करनी है कोई दिक्कत नहीं है उसके अलावा अपने पास CSS का सिंटेक्स क्या होता है वो हर एक चीज अपने

00:04:45सब्सक्राइब अब यहां पर देखेंगे कि जितने भी elements अपने पास यहां पर आते उनके उपर अपन कौन कौन Сी

00:04:53प्रोपर्टी लगा सकते हैं क्योंकि सिर्फ अपने अभी एक ही प्रोपर्टी पे डिसकस करा है और वो प्रोपर्टी अपने पास अपनी कलर प्रोपर्टी अगर आपने देखा हो तो अपने कलर प्रोपर्टी यूज करी थी सब जगे में कलर प्रोपर्टी लगा रहा था ल

00:05:23अपर प्रोपरटी एक्सप्लोर टो मैं यहां पर लिखक्श सब से पहले यहां पर चक्स्ट कर करेंगे अपनी टेक्स्ट की फ्रोपरटीज सबहां

00:05:32अपर लग मैं इसको करता है और इसको भी करता हूँ डink क्योंकि अपने देखिए यहां

00:05:50और मैं यहां पर एक और फाइल बना लेता हूं जिसको मैं यहां पर कहता हूं

00:05:55text.sdml ठीक है I hope कि screen visible है voice clear है कोई issue आनी रहा होगा तो यहां पर आपना जाता है

00:06:08text.sdml के उपर किसी ने कुछ comment कर रखा है गर्वित करें सर आज एक बार group selector फिर से बता देना

00:06:13ठीक है group selector वापस देखते हैं कोई issue नहीं है अब देखो यहां पर मैंने अपनी boiler plate लगाई group

00:06:20selector पर ही पहले में discuss कर लेता हूं group selector basically होता है group के अंदर सबको अगर target

00:06:24करना है तो किसी भी element को target करना group के अंदर जैसे मैंने catch one tag लिया और उसके अंदर अपने यहां पर लिख दिया देवांशू sir ठीक है मैंने यहां पर क्या लिख दिया और उसमें अपने

00:06:44हेलो क्लास लिख दिया ठीक है यह सब चीजे अपने यहां पर लिखी है उसके अलावा में यहां पर एक और प्री टैग ले लेता हूं और उसके अंदर जैसे मैंने यहां पर लारेम करके

00:06:5310 का कॉंटेंट पास कर दिया तो यह अपने सिर्फ अपना कॉंटेंट लिखा है और कुछ नहीं करा चीक है तो वह अपने को सब यहां पर शो हो रहा है पर्फेक्ट अब देखो यहां पर में को गुरूप के अंदर टार्गेट करना है जैसे मैं चाहता हूं कि देवांश�

00:07:23यहां पर अपने इंदोनों के पर सहीम कर हो

00:07:51तो group selector का concept easy सा है, यह है कि आपको group के अंदर target करना है, जैसे h1 है और s3 है, दोनों को मैंने group में target कर लिया, आप चाहते हो कि pre tag भी इसमें include हो, तो pre tag copy कर सकते हो, अगर id class आ रही है, जैसे मालो pre tag को आपने id दे रखी है, आप इसको id के basis पे target करना चाहते हो, और id मैंने इसको

00:08:21आप बोलोगे है, और फिर उसके बाद मैंने बोल दिया, ठीक है, तो यहां पर यह अपने id के basis पे target हो गया, तो यह अपने पास अपना group selector होता है, आई होप कि आपको group selector वापस से clear हो गया होगा,

00:08:34युनिवर्सल सेलेक्टर का भी फिर से बता दीजिए, युनिवर्सल सेलेक्टर बढ़ा ही easy है, कुछ नहीं करना, आपको जितने भी अपने body के अंदर elements है, सब पर कोई भी same property लगानी तो उसके लिए यूज लेता है, मैंने star लगा है, then उसके बाद curly braces, फिर उसके बाद property �

00:09:04युनिवर्सल को, तो यहां पर ब्राउन कलर में ही आने वाला है, तो युनिवर्सल मतलब body tag के अंदर जितने भी elements से सब पर कोई भी same property लगानी है, तो उसके लिए use लेते है, अभी मैंने color लगाई है, example दिया है, लेकिन अपन इसके लिए use नहीं लेते है, युनिवर्सल क

00:09:34बना जाते हैं, अपने text की कौन कौन सी properties आती है, तो मैं text की properties पर आता हूँ, अब देखो यहां पर, देखो मेरे थोड़ी सी खासी हो रखी है, अगर बीच बीच में खासी आती है, तो उसको थोड़ा सा आप देख लेना कि कोई बात नहीं, चलने दो, ठीक है, बुरा मत मा

00:10:04मेरी खासी के लिए मुझे शमा कर देना, मैं आप सभी से शमा मांगता हूँ, खासी के लिए, साहिल करें किसी tag के अंदर specify content की properties change करनी हो, तो कैसे कर सकते है, यह बिल्कुल उस पे भी discuss करेंगे, क्यों टैंशन लेते हो,

00:10:21चलो बताई देता हूँ, यह चीज़ तो अभी,

00:10:43वराइड टू जाना करेंगी, हनी और तुलसी, पेस्ट करके, रस पिये, उससे ठीक हो जाएगी सर, ठीक है,

00:10:51हनी तो बलकी सही भी रहता है, ठीक है, वैसे अदरग की चाय मैंने पी थी, लेकिन फिर भी, नहीं हो रही, हो जाएगी, लेकिन ठीक है, एक बार तबयत खराब होती है, उसके बाद, एक चीज़ पर्मानेंट हो जाती है, लेकिन हो जाएगी, ठीक,

00:11:08अब देखो, अपनी यहाँ पर discuss कर रहे हैं अपनी टेक्स की प्रोपर्टीस के उपडर, कि मेरे पास जो टेक्स है, उनपर मैं कौन-कौन सी प्रोपर्टीस यहाँ पर apply कर सकता हूँ, अपने इस फाइल को रण ही गढ़ रहा है, ठीक है, अब देखो,

00:11:23तो यहां पर टेक्स्ट कौन कौन सा अपने पास यह भी टेक्स्ट है यह भी टेक्स्ट है आपके पास सारे टेक्स्ट ही है अपने पास content जो भी है वह आपका टेक्स्ट ही है जैसे मालो यह देवान शूसर आ रहा है इस देवान शूसर को में को सेंटर में करना है अभी अपन

00:11:53करेंगे या फिर इसके उपर शेलोट करने तो वह कैसे नहीं कि यह सारी अपनी होती है जिसके कDoes आ a

00:11:59सबसे पहली पर देख्ता हूं कि अगर मैं कुछ को कालना है तो किसी सरीके से कर HCण तो सबसे पहले

00:12:04अपने element को target कर लो आप बोलोगी कि h1 tag है आपने h1 tag को target करा ठीक है फिर उसके बाद

00:12:09curly braces अब property और value पास करनी है तो text की पहली property आती है अपने पास text align

00:12:14text align देखो यहाँ पर suggestion में भी दे रहा है तो मैं suggestion को ही ले लेता हूँ

00:12:18अगर मैं इसकी value देता हूँ यहाँ पर right तो अपना text कहा चला जाएगा

00:12:30right side चला जाएगा और अगर मैं इसकी value क्या देता हूँ left तो left तो by default

00:12:37apply अपने HTML के अंदर तो जैसे मालों मैं को center में करना है तो मैंने यहाँ पर इसको

00:12:43बार अपना center यहाँ पर अपनी value यहाँ पर पास कर दी अब जैसे आप चाते हो कि मैंने इसका एक

00:12:51color भी दे दिया और मैंने color को दिया और color में यहाँ पर देता हूं कि जैसे

00:12:54brown color चीक है आप अब यहाँ पर तो यहाँ पर दिवांशू सर complete brown

00:13:01लेकिन लेकिन मेरे को यह चाहिए कि सर जो है स्का अलग अंग और ग्रीन तो यहाँ पर अगर मेरे इस सर का कलर चेंज करना है तो आपने एक टैग पढ़ा था इस पैंट तो यहां पर ऐस लेंगे श्बीद स्पैंड नहीं होता

00:13:18तो मैंने यहाँ पर spend tag लिया अपना और इस sir वाले content को मैंने किसमें past कर दिया अपने spend tag के अंदर

00:13:25फिर उसके बाद आपको spend tag को यहाँ पर target करना एं तो मैं यहाँ पर कह देता हूं

00:13:30कि मेरा刑 जो spend tag है ठीक है उसको मैं यहाँ पर एक class देता हूं

00:13:35और class देखे मैं यहाँ पर कर देता हूँ

00:13:37sir मैंने यहाँ पर इसको class दे दी

00:13:38तो मैं यहाँ पर इसको target कर लेता हूँ

00:13:41मैं कर देता हूँ dot sir जो class है

00:13:42उसको मैंने यहाँ पर target करा

00:13:44और उसका जो color है

00:13:45वो मैं यहाँ पर क्या कर देता हूँ

00:13:47green कर देता हूँ

00:13:48कि अगर में को किसी एक अंदर मेरे कॉंटेंट की कोई प्रोपर्टी चेंज कर नहीं तो वो यहाँ पर कर दी कैसे वह यहाँ पर

00:14:09प्रोपर्टी के अंदर लेकिन मैं बोलाओ कि स्पैन को यहाँ पर अलग से कोई प्रोपर्टी लगाना चाहता हूं अभी तो सिर्फ अपने कलर लगाई आगे और देखेंगे अपन और अच्छे से इसको ठीक है तो यहाँ पर मैंने क्या किया है इसके उपर यह करा ठीक है अ

00:14:39अizar करो जिस डायरेक्शन में चल रहा हूं उसी डायरेक्शन में रिवीजन को चलाया करो आप पहले अपने देखा कि अपने पास सिंटेक्स क्या होता है तो синटेक्स आपको पता वो कभी नी बूलोगे आप धीरे धीरे प्रैक्टिस में याद हो जाएगा टाइब्स क्या ह

00:15:09आपको पता होने चाहिए भी फिर उसके बाद अपने डिसकस करें सिर्फ टेक्स की प्रोपर्टी की टेक्स की कौन कुन सी प्रोपर्टी जो मैं अपने टेक्स की उपर अप्लाई कर सकता हूं टेक्स को डिजाइन करने के लिए तो यह यह प्रोपर्टी से अपने दो प्रोप

00:15:39उपर मतलब नीचे इसके नीचे create होगी underline तो ठीक है direction भी change कर सकते हो कोई दिक्कत नहीं उसमें मैंने यहाँ पर लगाया अपना text decoration ठीक है और अब यह आपसे पूछ रहा है कि आपको क्या create करना है तो मैंने बोला underline आपको यहाँ पर create करना है ठीक है तो यहाँ पर इस दे�

00:16:09color ठीक है texture decoration color यहाँ पर आप इसका color change कर सकता हो जैसे मालू मयने यह पर जो color है वो आप यहाँ पर orange कर देना ठीक है तो جो अपनी underline होगी उसका color orange रहेगा ठीक है मैंने underline का color क्या कर दिया औरेंज कर दिया अब देखो underline के अंदर भी अपने पास بहुत सारी values आती है यह underline

00:16:39तो यहां पर आपके सजिशन साज आएगे

00:16:40अब देखो यहां पर बता रहा है

00:16:42आप double वाली underline भी create कर सकते हो

00:16:44dotted भी कर सकते होemos

00:16:46oveline भी कर सकते हो solid भी कर सकते हो

00:16:48wavy भी कर सकते हो

00:16:49सार है आपके पास

00:16:50जैसे मैंने बोला कि मेरे को double वाली create करना है

00:16:53और मैंने चेक करा

00:16:54मेरे पास यहां पर underline create ही नहीं हुई, क्यों नहीं हुई, कुछ तो दिक्कत है, तो देखो यहां पर आपने लिखा double, double का मतलब यह है कि आप क्या double create करना चाते हो, पहले बताओ तो सही इसको, compiler आपकी code पढ़ रहा है तो उसको बताओ तो सही double वाली क्या create करना चाते है, तो

00:17:24भी जो होगी, वो double वाली create होगी, सिर्फ जब आप underline देते हो, तब वो यहां पर automatically जो यहां पर agree करता है, वो करता है सिर्फ solid वाली, यह जो create करी, इसने solid वाली create करी, by default जो apply है, लेकिन आप इसको change करना चाते हो, तो second value आप दोगे double, इसका मतलब underline तो create होगी, लेकिन solid न

00:17:54तो मैं को यहां पर wavy वाली underline यहां पर create करनी है, तो यहां पर wavy वाली underline अपनी इस पर create हो जाएगी, चीक है, तो यह अपने पास अपनी text decoration property है, जिसके उपर मैं को अगर underline create करनी है, तो उसके लिए होता है, एक tag अपने देखाता है, जिस पर by default underline create हो क्या आती है, आप

00:18:24हर टेग तो अंडरलाइन क्रियेट करने के काम आता है मैं पूछ रहा हूँ ऐसा कौन सा टेग है जिसमें बाइट डिफोल्ट अंडरलाइन क्रियेट हुई वी आती है

00:18:47में देखा था है तो मैंने यहां पर एक अंकरٹग लिया कि यह जो आपका हूंपईज का है किसका होमपेज का तो हाँ

00:19:05आपको क्य श्क्या करना है इसकी करॉलाइन क्रिमोव करनी है तो टेक्स डेंकरिशन आपको नन भी

00:19:12है जैसे मालों इस anchor tag की underline में को रिमूव करनी है तो सबसे पहले मैं anchor tag को target करूँगा फिर उसके बाद मैं इसके उपर कौन सी property लगाऊँगा

00:19:20text decoration और उसकी value में यहाँ पर क्या देदूँगा नन तो जैसे मैंने नन दिया तो उसकी underline यहाँ पर रिमूव हो गई मैं को पता है यह अपना hyperlink की है मैं इसके क्लिक कर सकता हूं लेकिन मैंने इसके underline रिमूव कर दी क्योंकि आप कोई भी website पर जाके देखते हो जैसे अपन �

00:19:50इसने अलग से बनाई यह वह आली underline नहीं है ठीक है तो underline रिमूव करने के लिए अपना text decoration और उसको none करते थे तो यह अपनी text की दूसरी property सौरी तीसरी property ठीक है फिर उसके बार next अपन यहाँ पर चलते है अपनी text transform property आती है

00:20:06text transform property काम आती है इसको convert करने के लिए कि अपको upper case में convert करना है lower case में convert करना है किस type में आपको convert करना है उसके लिए इसको use लेते हैं ठीक है तो मैंने यहाँ पर अपनी text transform property लगाई ठीक है

00:20:16तो मैंने यहां पर अपनी text transform property लगाई ठीक है

00:20:21text transform property अपने इस पर लगा देते हैं और जैसे मैंने या पर कह दिया कि आप इसको अपर case में convert कर देना तो यह जो पूरा है आपका अपर case में convert हो जाएगा

00:20:30कॉंटेंट तो आपने नॉर्मल लिख रखा है यह वाला कॉंटेंट लिखा हुआ है लेकिन मैंने जैसे इस पर टाइक्स ट्रांस्फोर्म प्रोपर्टी लगाई और अपर केस करा तो अपना यह कंप्लीट कॉंटेंट अपर केस के अंदर गनवट हो गया अब आप बोलोगी

00:21:00मैं यौ�yt क्लिक करते ही फंक्शनाटी चलानी है प्रोपरिटी चेंच करनी है तो वकाम तो अपना इसी

00:21:05से करेंगे अपनी प्रोपरी के बेस बेस प़ें टो यह बात होगा इस चीज की अपऩिस चीज़ की प्रोपेटी श्यचाय लगहूं इस टैक्स्ट कीprech

00:21:16ऐती है ऐसे ही अपने पास टेक्स की प्रोपरटी आती है अपनी टेक्स्ट शेडो प्रोपरटी अगर मैंको टेक्स Gay种 Creator к्रियिट करनी है कि मतलब इस कि

00:21:25एक परच्छाई बनानी है तो उसके लिए अपन टेक्सट शैडव प्रोपर्टी यूज लेते हैं चलो बनागे देखते पर इसकी भी एक परच्छाई मैं यहां पर लगाता हूँ अपना टेक्सट शैडव ठीक है मैंने लगाया टेक्सट शैडव अब देखो इसकी वैल्य�

00:21:55है दूसरी वैल्यू जाती वॉटीकल शैडव मतलब वाई एक्सिश में कितने शैडव रखनी है थैस अपने पास ढणी है अपना ब्लह इफेक्ट कि आपने जो शैडव करेंगे उसका ब्ल circ किस्ट यह

00:22:09तो नहीं देना चाहते तो जो अपना टेक्स्ट का कलर है वह ही उस पर अपलाई हो जाएगा ठीक है चलो पन चैक करते हैं मैं यहां पर लगाता हूं ट्रैक्स शेडव मैंने फर्स वेल्यू दी जैसे फाइफ पिक्सल अब पिक्सल क्या है यूनिट है मैं आपको आगे बतान

00:22:39और अपन चैक करते हैं तो यहाँ पर शेडव क्रियेट हो चुकी है मैं इसको जैसे अगर करसर इसको कॉपी करूँँएं तो यहाँ पर दिखेगा कि इसके पीछे एक शेडव बनी भी है horizontally जो वो जारी है वो फाइप पिक्सल जारी है और वर्टिकली जो जारी है वो आप

00:23:09color में कह देता हूँ कि जो shadow का color है वो आप yellow कर देना

00:23:13या फिर yellow आपका ये वाला कर देना

00:23:17pink type में जो भी color आता है ये कर देना

00:23:20तो देखो उसकी shadow का color ये है

00:23:22लेकिन अभी shadow अच्छी नहीं लग रही है

00:23:24आप यहाँ पर इसका blur effect भी दे सकते हूँ

00:23:26मतलब कितनी blur रखनी है जैसे मालो मैंने यहाँ पर बुला

00:23:29कि आप इसको 6 pixel blur रखना तो मैंने यही तो चीज बोली थी

00:23:33पहली horizontally value, second vertically, third मैंने यहाँ पर बुला blur effect

00:23:37और fourth मैंने बुला यहाँ पर color

00:23:39अगर आप blur effect नहीं देते तो third पर आपका color आके असाइन हो जाएगा

00:23:42यह दोनों value देना ज़रूरी है horizontal और vertical क्योंकि shadow तब ही create होगी

00:23:47तो यह मैंने यहाँ पर पास करा तो देखो यहाँ पर blur effect अपना create हो जुका है

00:23:52अब आप shadow की direction भी change कर सकते हो

00:23:55अगर आप इसको minus में देते हो

00:23:57अभी जो आपकी shadow create हो रही है

00:23:59वो कैसे हो रही है

00:24:00वो create हो रही है आपकी इस जगे गिरती हो ठीक है

00:24:03मतलब इस side

00:24:04right side गिरती हो रही है

00:24:06आप चाते हो कि left side उपर बनती हो

00:24:08अभी आगे बनती हो रही है shadow

00:24:10देखो यहाँ पर देवान शूसर के नीचे आ रही है यह shadow

00:24:12मैं चाहता हूँ कि यह इसके उपर बने उपर की साइड तो उसके लिए आप इसको minus में value भी दे सकते हैं

00:24:19जैसे मैंने बोल दिया minus five pixel कर देना minus four pixel कर देना तो इसका मतलब वह value जा रही है minus में

00:24:25तो देखो अब वो उपर की साइड आपकी शैडो बन रही है तो यह अपने पास क्या होती है अपनी शैडो होती है फाइप की जगे जैसे मालों मैंने 8 पिक्सल कह दिया और

00:24:34यहाँ पर मैंने कह दिया जैसे six pixel ठीक है और six pixel का blur effect आपने रखी रखा है तो यहाँ पर देखो वो shadow अपनी यहाँ पर create हो चुकी है तो यह अपने पास अपनी text की shadow होती है चार value यह लेता है horizontal, vertical फिर उसके बाद blur effect फिर उसके बाद color अगर आप color नहीं देते तो by default जो color है व

00:25:04आपको नहीं रखना तो हटा दो लेकिन दो value compulsory है अब देखो color जो है इसका वह ही है जो आपने text का color रख रखा है ठीक है अगर आप इसको भी हटा दोगे six pixel को तो यहाँ पर six pixel हटाते ही आपकी shadow जो है वो अपने पास यहाँ पर blur effect में नहीं रहेगी ठीक है तो मैं यहाँ

00:25:34आपकी चीज के लिए है यह अपने अपनी text की properties देखी है सिर्फ और text की properties बड़ी ही easy है अपने कौन कौन सी देखी text align color, text decoration, text decoration color, text transform, text shadow ठीक है ऐसे ही text की और properties भी होती है और भी आएगी लेकिन अब भी जो मैं आपको बता रहा हूं उतना आप देख लो आपको अधर भाहर

00:26:04चीज पता चल जाएगी ठीक है तो आपको सर्फ इतनी practice करना काफी है आपके लिए भी ठीक है ज्यादा लोड लेनी की ज़ोत नहीं है कि आप अलग से कुप सारी चीजे जाके देख रहे हो ठीक है आप सोच रहे हो कि यार अगर मैं इसको skip कर दिया तो क्या पता मेरा interview नही

00:26:34responsive website बना पाओगे अभी से अगर सारी properties आप practice करते चलोगे तो आपको end तक सारी properties याद भी रहेगी और आपको यह भी पता रहेगा कि कौन सी property मेरे को कहां लगानी है और मैं कैसे अपने elements को arrange कर सकता हूं ठीक है तो अभी तो main practice पे focus रखो हर एक चीज की practice करूँ

00:26:53इशा करें spend tag color repeat sir please कोई दिक्कत नहीं repeat कर देते हैं spend tag के लिए अपने कुछ नहीं किया मैंने यहाँ पर sir को एक अलग color देना था ठीक है चुरो spend tag को अटाओ मैं यहाँ पर कह रहा हूं कि मेरे पास यहाँ पर class जो है इस class का color अलग करना है मेरे को ठीक है तो मैं यहाँ पर स

00:27:23मैंने बोला इस class को किसमें रख लो spend tag के अंदर क्योंकि यही तरीका है अभी आप देखोगे तो किस तरीके से शो रहा है वही hello class black color में जैसे आ रहा है मैं चाता हूं कि इस class का जो color है वो blue color है ठीक है या फिर hello का color अलगो और class का color अलगो hello का color मैं यहाँ पर बोल रहा हूं क

00:27:53पहले आप बोलोगे कि मेरा जो s3 tag है जो मेरा s3 tag है उसका जो color है वो यहाँ पर मैं कह रहा हूं कि blue कर देना color क्या कर देना blue कर देना तो अभी जो आपका complete s3 है उसका color blue रहने वाला है लेकिन मैंने यहाँ पर class को एक spend tag के अंदर पहले से रख रखाया और मैं इसका color अलग

00:28:23यहाँ पर लिया और उसका color और इसका color जो है वो आप यहाँ पर यह वाला रख लेना तो देखो हैलो का color अलग है और class का color अलग है तो यह तरीका होता अपने पास

00:28:43अलग-अलग color assign करने के लिए

00:28:46जैसे आप बहुत सारी जगे देखते हो

00:28:47जिसमें जो heading होती है

00:28:49उसमें दोनों का color अलग होता है

00:28:50तिक है उस तरीके से अगर आपको create करना है तो

00:28:53perfect

00:28:55तो ये तो चीज होगी अपने पास क्या

00:28:56जो अपन डिसकस कर रहे थे

00:28:58इसने कहीं तो दे रखा होगा ऐसा

00:29:00कहीं नहीं दे रखा कोई बात नहीं कोई तो दे रखा होगा ये नहीं तो

00:29:08flip card नहीं amazon प्याजाओ एक बार के लिए

00:29:15वैसे सब basic ही रखते है

00:29:21किसी ने तो बना रखे होगी इसे पंची सी वेबसाइट

00:29:43ठीक है देख लेना आप ये तो ये बात होगी अपने पास अपने

00:29:50एक सब्सक्राइब टेक्र Blood-рист के ने आलान गरत

00:29:55ये अपने श्रेश्ट उसके बात बनागे चलते हैं किसीजी

00:30:04आप decision की बात कर रहे होगी तो phrase has

00:30:13all Amazon fresh a double pld

00:30:43कि कहीं नहीं दे रखा इस नहीं सा तो कदर एक वेबसाइट थी जहां पर मैंने देखा था एक क्या बहुत सारी ऐसे तो अगर एक्सप्लोर करो तो याद नहीं रेती लेकिन अगर ऐसी सिच्विशन आए तो उसका सॉलुशन बताया मैंने तो ठीक है मालो कोई ऐसा ही प्रो�

00:31:13कर आव मतलब यह जो आपने फॉन लिख रखा है यह पूरा कंप्लीट आपको इसकी प्रोपरेटीयग अपके पास इसकी stigma चाहतेखंगा चाहते

00:31:34वर एक प्रेंट बैशे यह पूरा फॉन प्रोणी जान की लिए त्याचिकति हैं अब ऐसा तो दीखी नहीं रहा

00:31:42कि सब्स्क्राइब कर सकते इसको बोल्ड कैसे कर सकते या फिर इटली कैसे कर सकते हैं यह

00:32:02यह सारवार आपने देखेंगे किसमें फूंटकी प्रोपर्टी से अब आजाते हैं अपने

00:32:07अगर अपने को अपने को सिम रखनी तो उसके लिँज़से मालव आप चाहते कि इंदर जितने भी एलिमेंट्स हैं उनका सब का जो भी कॉंटेंट है

00:32:34वो अपने पास कर्सियू में दिखाई दें ठीक है सबका सहीम ही रखते कभी अलग अलग रखते नहीं बहुत रहर चांस होता है जैसे मालो अब में को सब की उपर ही अपलाए करनी है तो वही आपके पास आपका यूनिवर्सल सेलेक्टर अब यहां पर काम आने वाला है ठीक

00:33:04अपने पास यहां पर चेंज हो चुके है तो कोई दिक्कत नहीं है यहां पर कर्सियू में चेंज हो गए परफेक्ट तो जैसे मालो में यहां पर

00:33:34सब्सक्राइब सुपटाइब तो यहां पर है तो यहां प्लाइब करके पंदर लेकिन दिक्कत ये है कि आप भी कि यहां आपके समस्ट है या फिर आमिजों ने इसमेड़ है यह तो सिर्फ लिमिटेड लिमिटेड कितने सिर्फ 10 15 है

00:34:00से बस-def First variant है तो क्या सिर्फ इतनी ही है नहीं πά campo आप सारे अब्स

00:34:06फोन अगर अपने नोगल पूंट आता है गूगल फोन जो आप यहां पर यूल कर सकते हों

00:34:12तो आपको यहां पर अना है और अको सरक मोझे करना है कि अपने Google どusp

00:34:17यहां पर सर्च करूंगा अपने गूऑल-फॉंस का एक वैब साइट है जिसको यहां पर यूज करेंगे अपने

00:34:26एक्ट्रेनल फॉंट को यूज करने के लिए कैसे यूज करते हैं Google फॉंस के उपर आ

00:34:32तो देखो यहाँ पर आपके बाप बहुत सारे multiple phones है जो आप use कर सकते हैं जैसे यह वाली बाशा है यह चाइंचू चाइंचू वाली बाशा आपकी जापाने ठीक है फिर उसके बाद अगर आप देखोगे तो Hindi अगर Hindi यूज़ करनी है तो या फिर यह वाला यूज़ करना है

00:35:02जो भी है अपने पास ठीक है तो इसको मैं को यहाँ पर यूज़ करना है तो सबसे पहले मैं इस पर क्लिक करूंगा जैसे मैं क्लिक करूंगा तो मेरे को यह बता रहा है कि यह वाला फोंट है आपका जो आप यूज़ कर सकते हो इस तरीके से आपका पूरा complete structure देगेगा य

00:35:32उपर ले गया जिसमें अपने को selection करवा रहा है ठीक है अब देखो यहाँ पर आपको क्या करना है यह रहा आपका get embed code embed code क्या होता है पहले से लिखावा code जो मैं यहाँ पर यूज़ कर सकता हूं तो मैं इसके उपर क्लिक करता हूं ठीक है तो यह आपको बता रहा है कि यह �

00:36:02यहाँ पर कि यूज़ करना है यहाँ पर इसने आपको एक link provide कर रखा यह complete link का आपको यहाँ से क्या करना है मैंने copy करा और copy करके आपको कहा पे लगाना है इसको लगाना है आपके

00:36:20है टेक यंदर टोपी करके लगाना है अपने है टाक के लिए लो मैंने है ट के लिंग को लगा दिया ठीक है फिर उसके बाद आपको यहां पर क्या करना है अब आप बूलों कि से यह लिंक है किसी चीजि़ का यह आपका

00:36:32एक CDN link होता है ठीक है content deliver network होता है जिसके थुरू आप यहाँ पर इस CDN के थुरू इस phone को use कर सकते हो जो external phone आ रहा है ठीक है और यह always कभी भी ऐसा नहीं है कि आपने

00:36:44दिप्लाय कर दिया तो यह phone नहीं दिखेगा ऐसा कुछ नहीं है फ्री है फ्री में use कर सकते हैं फिर उसके बाद next अगर आप इसको देखोगे तो प्ले राइट एंजड करके इसका यह रहा कंप्लीट कोड लिखावा अगर आप नोटो करके देखोगे तो इसका भी एक और को

00:37:14यहां पर आके इसको क्या कर देता हूं पेस्ट कर देता हूं यहां पर आके इसको पेस्ट कर देता हूं चीक है तो यहां पर अगर आप चेक तरोगे तो आपका वहला phone जो है वह यहां पर apply हो चुका है देखो पूरा complete apply हो चुका है क्या किया अपने सबसे पहले अपन अप

00:37:44क्या ठीक है है के लिए यहां पर इसने दिया कि embed code in the head of your

00:37:49HTML यह आपने हैड के अंदर जो अपनी HTML लगानी है जो link करना है वो इसने यहां

00:37:54पर आपको दे दिया फिर उसके बाद यह बोल रहा है कि अगर play right वाला अगर

00:37:58आपको यह font यूज करना है तो उसका code यह है और अगर आपको यह नोटो

00:38:02sense करके करना है यह जो second है यह यूज करना है तो उसका code यह है तो

00:38:06मेरे को तो यह वाला यूज करना था तो मैंने यहां पर बोला कि इसकी phone

00:38:10family का code मैंने copy किया और यहां पर use कर लिया अब आप बोलोगी सर यह apply कैसे होगा क्योंकि यह आपका content deliver हो रहा है यह online आ रहा है आपका content और किसकी वज़े से आ रहा है यह जो आपने link tag यहां पर copy करके लिए इसकी वज़े से आ रहा है और यह phone family अपनी यहां पर apply हो रही है तो �

00:38:40Google phones की क्योंकि अपने पास phone family जो थी वो limited थी अगर extra use कर नहीं तो अपन Google phones पर आके use कर सकते है उनको यहां तक की चीज किलिए रहे तो एक बार comment करके बताओ yes sir यहां तक की चीज किलिए है

00:38:52यहां तक की चीज आप सभी को किलिए रहे तो एक बार जल्दी से comment कर दो कि यह star किलिए है कोई doubt नहीं है

00:39:22करा कि अ गजंब आ�消usz करें कि इंपोर्ट को यूज कियसे करते हैं इंपोर्ट को भी उसकरते अभी आपको ना तो कोई約When जाव स्कृप्ट की चीजे पता हैं ना कुछ उड चीज पता है तो अभी स्किप करते हैं इसचीज को

00:39:44मैंने आपको हमेशा एक चीज बोली है मैं कुछ भी चीज नहीं चोड़ूँगा अगर आपको कोई नहीं चीज दिख रही है तो वो मैं आपको आगे बताऊँगा ठीक है

00:39:53तो use होगी, कहीं न कहीं तो use होगी

00:39:55अब भी बताऊंगा तो कुछ भी समझ में आएगा भी नहीं

00:39:58जिनको पता है उनको आजाँगा, जिनको नहीं पता है तो आगे बताऊंगा यह चीज

00:40:02शीवकाशी करें कि यह सरथ कलियर है

00:40:05बट spend tag ही क्यों use किया

00:40:07please explain

00:40:08spend tag ही क्यों use किया

00:40:10देखो spend tag ही इसलिए use करते

00:40:13कोई कि जितने भी tag है

00:40:14सब के अंदर अपने पास

00:40:15inline मतलब अपनी display properties होती है

00:40:18कि कौन सा inline है

00:40:19कौन सा आपका block है

00:40:20और spend tag जो है वो आपकी जो दूसरी

00:40:23जैसे मालू मैंने

00:40:24अपन इसी के उपर आते है

00:40:26मैं यहीं से समझाता हूँ

00:40:27आपको spend tag ही क्यों use करा

00:40:29यहाँ पर मैंने h1 tag लिया

00:40:31उसके अंदर मैंने अपना spend tag लिया

00:40:33spend tag जो है आपके parent tag की properties ले लेता है

00:40:38spend tag जो है वो आपके

00:40:40जो parent tag है उसकी properties

00:40:42apply कर लेता है कुद के उपर

00:40:44सिर्फ spend tag और कोई सा नहीं करता

00:40:46तो आपका h1 tag जो है वो parent है किसका

00:40:50इस spend का ठीक है

00:40:51तो आपने अगर h1 tag पे जो property लगाई है

00:40:54आपने h1 tag पे कौन सी property लगाई है

00:40:56आपने बुला color brown कर देना

00:40:57तो आपके इसका color brown है

00:41:00अभी के लिए इसको comment कर दो

00:41:02अभी के लिए इसको comment कर दो

00:41:04और check करो

00:41:05तो आपका इस पूरे complete h1 tag का color क्या है

00:41:08brown है

00:41:09अब आप बोलोगी सर ये border क्यों खराब हो रही है

00:41:12क्योंकि ये spacing की वज़े से खराब हो रही है

00:41:14इसको spacing से अपन सही करेंगे

00:41:15क्योंकि आपने wavy लगा रखी है

00:41:17wavy को हटा दो underline रहने दो खाले अभी के लिए

00:41:19फिर नहीं होगी खराब

00:41:20तो देखो यहां पर

00:41:25spend tag किसके अंदर है

00:41:27इस h1 tag के अंदर ही

00:41:28तो आपका spend tag भी वो property अपलाई कर लिया

00:41:31जो आपने h1 tag पे लगाई है

00:41:33तो ये अपना spend tag की

00:41:35खासियत होती है

00:41:36इसलिए spend tag यूज़ करा है

00:41:38अगर आप div यूज़ करोगी

00:41:41तो div तो पहले बात तो div आपका block है

00:41:43जैसे मैं यहां पर div ले ले लेता हूँ

00:41:44spend को अटा देता हूँ

00:41:45पहला तो यहीं खेल खतम हो जाएगा

00:41:46आपने div लगा दिया है आपर

00:41:48जैसे div लगाओगी यह लो देवानशू अलग है

00:41:50देवसर अलग है

00:41:51तो यह बात होती है

00:41:53div block है

00:41:54h1b block है

00:41:55तो यहां पर सब अपने content की इसाब से

00:41:58space occupy करने वाले है

00:41:59तो यहां पर मैंने spend tag इसलिए लिया है

00:42:02अब अगर आप यहां पर

00:42:03spend को अलग से target करके कुछ भी लगाना चाते हो

00:42:06तो लगा सकते हो

00:42:06फिर वो अपके h1 tag की property नहीं लेगा

00:42:08वो लेगा अपने खुद की spend tag की property क्योंकि आपने उपर

00:42:12assign कर रखी है वो प्रोपरटी ठीक है

00:42:15I hope कि अब तो clear होगा

00:42:17हलाकि यह चीज मैं आगे बताता लेकिन शायद मेरे को याद आगी तो मैंने

00:42:23पहले बता दी यह चीजे

00:42:24मतलब यह जो spend tag वाला कॉंसेट था यह आगे बताता इस पैन पर अभी अपन ने कुछ भी डिसकस नहीं किया

00:42:29अगरे किस्टल के लिए अधिते करें यस सर यस सर क्लियर है अब ठीक है

00:42:38कि वैसे तो कोई डाउट आने नहीं दूँगा मैं फिर भी अगर आपके डाउट आते तो वह भी अपन क्लियर करेंगे

00:42:45अगर सर तो क्या यूज करने का time determine करते है कौन सा style आगे लगेगा मतलब

00:43:04ठीक है चलो आगे बढ़ते है अपन यह तो अपन ने phone family के उपर discuss करा अब आगे चलते हैं

00:43:15तो phone family तो बड़ा easy था यूज करना Google phones यूज करना भी बड़ा easy था अब देखो phone family में और कौन कौन सी properties आती है अपने पास

00:43:22next property आती है अपनी phone width property चलो font style पर पहले discuss कर लेते हैं font style भी आती है font width भी आती है दोनों same ही है

00:43:31same मतलब जो अपन पहले से पढ़ चुके है जो अपन tag के थ्रू जो काम कर रहते है अपने देखा था कि अगर text को bold करना है तो अपन tag के थ्रू कर रहते है

00:43:40bold tag यूज़ करके text को italic करना है तो i tag यूज़ करके मैं यूज़ कर रहा था लेकिन अब वो नहीं करेंगे अब यूज़ लेंगे अपनी properties जैसे मालो मेरे पास यह lorem है इस lorem को नहीं इस paragraph tag को ही पूरे को करना है तो कैसे करोगे सबसे पहले आप अपने paragraph tag को target करोगे आप �

00:44:10देखूंगा अपनी property font width property जैसे font width property लगाई तो यह आपको अलग-अलग velocity लागे दे रहा है 100 में करना है 200 में करना है

00:44:18bold आपका जो आप bold tag के थ्रू करते हो वो हो जाएगा जैसे मैंने bold apply कर दिया तो bold में complete आपका bold हो चुका है लेकिन अगर मैं यहाँ पर इसको

00:44:27एक velocity के basis पे करूँ जैसे मैंने बोला कि 500 ही कर देना तो यह 500 में कुछ ही bold होगा अब यह आपको difference ज्यादा दिखा ही नहीं देगा अगर आप compare कर पा रहे हो तो कर सकते हो बाकी ज्यादा difference अभी दिखा ही नहीं देगा तो डिपेंड करता है कि आपको कितना bold करना है

00:44:43ऐसे ही अगर आपको bolder करना है तो bolder मतलब bold से भी थोड़ा सा और dark हो जाएगा तो यह bolder हो गया अपने पास ठीक है paragraph tag दोनों paragraph tag हो रहे हैं यहाँ पर क्योंकि आपने paragraph tag name के basis पर कर रहा है तो यह भी हो रहा है और यह भी हो रहा है दोनों हो रहे हैं आपके यहाँ पर

00:45:00उसके बाद next अपन आगे चलते हैं यह अपनी font width property है ऐसे ही अपने पास font style भी आती है font style जो है वो काम आती है आपकी यहाँ पर italic करने के लिए कि आपको italic करना हो तो मैंने font style लगा है और मैंने italic कर दिया तो आपका complete text यहाँ पर italic हो चुका है यह complete text आपका यहाँ पर italic

00:45:30अपने किस के उपर अपने इन चीजों के उपर ठीक है एक बार के लिए मैं इस चीज को कमेंट कर देता हूं क्योंकि थोड़ा सा आपको समझ में नहीं आ रहा होगा चीजे mix story होगी अब देखो next अपन आगे चलते हैं और भी कहीं पर phone family लगी है मिरे साब से

00:45:46और यह और कहीं नहीं लग दी ठीक है तो यह अपने देखी आगे चलते हैं इसी के अंदर अपने पास next आती है phone size जिसमें

00:46:04आप phone की size change कर सकते हूं जैसे मैं यहाँ पर इस paragraph tag की size change करना चाहता हूं तो मैंने लिखा

00:46:13phone size और मैंने phone size के अंदर इसको पास कर दिया 16 pixel मैंने क्या पास कर दिया 16 pixel कि इसकी phone size

00:46:21change कर देना तो यहाँ पर अगर आप यह आप देखोगे तो 16 pixel में कोई changes आपको नहीं दिखाई दे रहे क्योंकि paragraph tag की by default

00:46:29जो phone size set होती है वो आपकी 16 pixel ही होती है अगर मैं इसको 16 से change करके मैं यहाँ पर कहता हूं जैसे 32 pixel

00:46:3632 pixel कर देना तो यहाँ पर उसकी phone size change हो जाएगी देखो डबल हो गई वो अपने पास यहाँ पर जो paragraph tag है उसकी phone size

00:46:45डबल हो गई तो आप phone की size change कर सकते हूं और यह पिक्सल के अंदर ही नहीं लेता वैल्यू यह percentage के अंदर भी चलेगी एम के अंदर भी चलेगी ठीक है और अपने पास जो अपना

00:46:59REM आता है ठीक है उसके अंदर भी चलेगी ऐसे अलग-अलग चलती है अपने पास जैसे EM की अगर अपन बात करते हैं ठीक है जैसे मैं EM की बात करता हूं

00:47:08EM चलो यहाँ पर थोड़ा सा EM का मैं explain कर देता हूं आपको ताकि EM का तो पता चले आपको अगर अपन अपनी EM प्रोपर्टी की बात करते हैं मतलब EM वैल्यू की बात करते हैं तो जो अपने पास यहाँ पर 16 पिक्सल है अभी 16 पिक्सल जो है वो आपका 1 EM के बराबर होता है

00:47:3816 पिक्सल जो 16 पिक्सल है वो आपका 1 EM के बराबर होता है 16 पिक्सल किसके बराबर होता है 1 EM के बराबर होता है तो यहाँ पर अभी मैंने जो लगाया है वो मैंने यहाँ पर क्या लगाया अपना पिक्सल में लगाया मैं इसको हटाता हूं और मैं यहाँ पर बोलता हूं कि �

00:48:08तो 2 EM मतलब 32 pixel

00:48:10तो यह 32 pixel हो गया

00:48:12ठीक है

00:48:13और ऐसे में 3 EM कर देता हूं

00:48:16तो यहाँ पर 48 pixel हो जाएगा वो

00:48:18वो 48 pixel हो चुका है आपका

00:48:20ठीक है यह आपका 48 pixel हो गया

00:48:22तो EM जो है

00:48:24वो किसके equal होती है

00:48:2616 pixel के और pixel

00:48:28जो है वो पन directly apply कर रहे है

00:48:29difference क्या होता है वो मैं आपको unit वाली class में जरूर बताऊंगा कि pixel, percentage, em, rem, ठीक है

00:48:37ये units हैं अपनी CSS की जो मैं आपको आगे बताने वाला हूँ

00:48:41मतलब कल वाली class में unit ही देखेंगे ताकि आपको confusion ना रहे किसी भी चीज में

00:48:45अभी सिर्फ em मेरे को याद आई तो मैंने आपको बता दी तो कल अपनी units पे थोड़ा सा और अच्छे से

00:48:51discuss करेंगे तो आपको थोड़ा सा और clarity मिलेगी units के अंदर तो ये बात होगी अपने पास किस चीज की अपनी

00:48:57फोंट की प्रोपर्टीज की फोंट की कौन-कौन सी अपने पास यहाँ पर प्रोपर्टीज आती है

00:49:02आरेस्टी करें कि सरस्पाइं टैग इस लाइन डिव इस ब्लॉक और दे प्री डिफाइन एस्टीमल रूस कैन वी

00:49:19इंटर्चेंज इन सम केसेज यस बिल्कुल आप इनलाइन को ब्लॉक में कर सकते हो ब्लॉक को इनलाइन में कर सकते हो चीक है

00:49:29inlineBlock अपने पास eigentlich और दीच कर सकते हूँ जो भी CSS

00:49:36Apple अपने स्टिम्ल को ही चींड करते हैं यह सारा काम हो रहाए है है आपका स्टिमेल चेंड की स्टीन का हिक litigation

00:49:44मैंने ने ने चेंड करके यहां पर क्या बोल दिया मैं पर यहां पर आप अप

00:49:53आपने 3e मतलό 48 pixel आपने कई दिया चीक है तो यहां पर मैं क्या कर रहा हूं चेंज ही कर रहा हूं अपनी st mil को ही तो चेंज कर रहा हूं

00:50:01st ml को ही तो target करके change कर रहा हूं तो आप st mil को target करके पूरी change कर सकते हो

00:50:06क्योंकि HTML structure basic structure है और उसके basis पर अपन वेबसाइट नहीं बना सकते हैं

00:50:11एक complete website बनाने के लिए अपने को लेयाउटिंग, designing, animations, transitions, transform, सारी चीज़े करनी पड़ती है

00:50:18तो वो अपन करते हैं अपने CSS से, CSS का मतलब यही है कि जो पहले से predefined CSS अपने HTML पर लगी हुई है

00:50:25उसको change करना, क्योंकि पहले से हर एक tag पर CSS लगी भी है, तो अपने उसी को ही तो change कर रहे हैं

00:50:32ठीक है, right जाना करें, मतलब अगर एक tag में idea class लगाते है style के लिए

00:50:43तो पहले जो style लगेगा element पे, वो क्या जिस attribute को पहले use करेंगे, उसका style लगेगा

00:50:50मतलब अगर एक tag में idea class लगाते है, ठीक है, style के लिए, तो पहले जो style लगेगा

00:51:01element पे, वो क्या जिस attribute को पहले use करेंगे, उसका style लगेगा

00:51:10मेरे साब से आप ये कहना चाहरों कि style tag के अंदर, अगर मैं पहले किसी, मैंने एक id देदी और एक class देदी, ठीक है

00:51:20या फिर उसको मैं target कर रहा हूँ पहले, तो वो पहले apply होगा या नहीं होगा

00:51:25दोको इसका तो rule ये है, compiler आपका top to bottom पढ़ता हो आता है, अपने h1 tag यहाँ पर लगा दिया, फिर से अगर आप h1 tag लिखोगे, तो जो first h1 tag है वो apply नहीं होगा

00:51:35आपका second achievement tag अगर आपने वापस से लिख दिया तो वो apply होगा, compiler top to bottom चलता है, तो first वाला उसने पढ़ लिया, लेकिन जब वो second वाला पढ़ा तो second वाले को apply करेगा, ठीक है, ये compiler का rule होता है, शायद यही पूछना चाहरे हो आप, और मेरे हिसाब से शायद यही question था आपका

00:52:05है, और ये आपने पूरा ही खेल कतम कर दिया class का, पूरी ही रामाइन जो अपने पढ़ी थी, उसको आपने end कर दी, तुरंट,

00:52:20layout basically अपनी website का design होता है, कि क्या design अपने को करना है, वो layout होता है, ठीक है, जैसे अगर आपने designing के बारे में सुनाओ, तो designing अपने को कैसी रखना है, design कैसा रखना है, आपका यहाँ पर जो logo है, वो कहाँ पे दिखना चीए, अपका सरजबार कहाँ दिखना चीए, वो एक layout अ�

00:52:50जैसे interior होता है अपने घर का तो वो interior अपने घर का एक layout ही है जो अपन decide करवाते हैं फिर उसके बाद उस interior को अपन पूरा complete घर में बनवाते हैं

00:52:59इशा करे सथ, today I am little once under the weather so please provide attendance point if you discuss other topic tomorrow

00:53:09ठीक है attendance point class में बता दिये जाएंगे अभी नहीं बता रहा है आप recorded देखे अपनी attendance mark कर लेना

00:53:18tap करें कि hello sir यहां तक clear है ओके यहां तक clear है तो बहुत अच्छी बात है ठीक है तो यह अपने देखी अपनी text and phone की property

00:53:30write जाना गरे कि sir id और class दोनों एक element पे लगाते है अगर

00:53:51और उस element को id और class दोनों से target करते है तो कौन सा style apply होगा

00:53:58class या id वाला वो पूछ रहा था वो explain नहीं कर पाए ठीक से देखो पहला तो यह गाम अपन करते

00:54:06नहीं है आपने एक ही element को id भी दिती और class भी दिती तो पहला यह गाम तो करते नहीं है ठीक है और एक ही element को

00:54:14अगर आप दो बार target करोगे तो दूसरा काम यह भी नहीं करते है ठीक है तो यह काम तो दोनों ही नहीं करते है ठीक है यह तो एक्सप्रिमेंट है जो आप करना चाते हो ठीक है

00:54:26जैसे chemistry की lab में जाके यह वाला chemical मिला दिया वाला मिला दिया यह reaction करवा दी जो ही नहीं वो reaction करवागे देखते है कि क्या होता है ब्लास्ट होता है क्या तो वह चीज़ आप देख रहे हो कि id और class दूनों एक साथ यूज करू तो क्या होगा ठीक है

00:54:40यूज नहीं करते है अपन वैसे ऐसा

00:54:44लेकिन अगर अभी मैंने आपको बता है compiler top to bottom चलता है अगर आप ये काम करोगे आपने बोला id भी दे दी मैंने और class भी दे दी तो आप id को अगर पहले लिख दोगे फिर class को लिखोगे तो class वाली apply होगी और अगर आप class को पहले लिख दोगे और id को बाद में लिखोगे �

00:55:14top to bottom की हिसाब से second वाला may be yes बिल्कुल

00:55:19यहां तक की चीज के लिए आप सभी को बता दो एक बार

00:55:41चीज के दो आप यहां वाला में होगी चीज कीज सकता है और शे मता लिखोगे जड़े होगी उड़्लों कीजा बता दो आप यहां कीज

00:56:11भी दिखाई भी दे घटाई है यहां पर इसली ले यहां में कर दो

00:56:34तो फर्स्ट यह था लेकिन सेकिंड यह कंपाइले टॉप टू बोटम चला है टॉप टू बोटम के साफ़ एस्थ्री होगा ठीक है

00:56:43किलियर है यही चीच यही आप पूछना चाहरेते हैं

00:57:04लेकिन ऑईडी की प्रिटि जघाद होती है ना

00:57:22अगर ऑघरि लास में कमपेरेजन करते तो औी प्रिटि जधा होती आप

00:57:30फिर उसके बाद सेगंड क्लास क्यों होती है

00:57:32specify अगर अपन ID और class के basis पे compare करते तो ID की priority जादा होती है ठीक है जैसे मालो मैं यहाँ पर आता हूँ यह आपका कौन मैं clear कर देता हूं जैसे मालो यह paragraph tag है इसको नहीं करते प्री tag को करते

00:57:48ID 1 दे रखी है class देदो घ्लास देदो इसको यहां पर CD& ID 1 है class C 1 यहां पर पहले मैं ने class को

00:57:59दे दिया मैंने दोट séabon डॉट και ऑर इसको मैंने यहां पर color दिआ और कलर क्या दिया color मैंने यहां पर दे दिया

00:58:08किसको दिया है पी टैक को चेक करो ब्राउन कलर हो चुका है फिर उसके बाद मैंने बोला कि

00:58:15कि इसी को मैंने क्या फ्रकलर ऑर उसका के दिया वह अपन यहां पर यह लूela

00:58:35पहला अपने class भी दे दी दूसरा मैंने id भी दे दी तो यहां पर देखो यह वाला color अपना apply हो रखा है कौन सा color apply हो रखा है अपना yellow green वाला क्योंकि compiler top to bottom चल रहा है अब आप कहरे हो कि अगर मैं id को पहले दे दू अगर मैं id को पहले दे दू तब क्या होगा

00:58:54आइडी को पहले दे दिया अपने ठीक है और फिर उसके बाद मैंने class को दे रखा है compiler top to bottom चलेगा लेकिन अब priority क्या होगी तो देखो वैसे तो काईदे से अगर देखा जाए तो id की जो है वह specify ज्यादा होती है class से ठीक है अब देखते है क्या होता है वैसे तो अपनी यह वा

00:59:24ठीक है अलागी ऐसा तो पूछा तो नहीं जाएगा आपसे लेकिन अच्छा क्रिशन था यह ठीक है एज़ी है

00:59:35कि आइडी और class दोने उसके basis पर पन देख रहे हैं

00:59:49ठीक है आई होब कि आपका डाउट क्लियर हुआ होगा

00:59:54प्राइड जाना हां सर यही पूछ रहा था अब डाइरेक्ट थोड़ा सा सही से एक्स्प्लेइन करके पूछो तो मेरे को समझ में आ जाए मैं को समझ में नहीं आया था क्यूशन तेकिन ठीक है अच्छा क्यूशन था यह भी आपका

01:00:07ठीक है तो यह बात हो गई इस चीज की ऐसे चोटी चोटी चीज आप पूछोगे तब भी वह आएंगे डाउट और उसके बेसिस पर मैं आपको एक्स्पेन करूँगा कि क्या होने वाला है

01:00:19अगा राकेश करें सर हाव टूचेक अटनेंस हाव मेनी क्लासे कंड़क्ट अड हाओ एंड फॉर हाव मेनी क्लासेज भी हैव सब्मिटेड अटनेंस सक्सेस्फफले विदाउट डाउट अरर तो इसका कोई क्या बताऊं मैं आपको इसके बारे में तो इसका कोई वो नहीं

01:00:49लग रही है सबकी अगर आप सही सब्मिट कर रहे हो तो ठीक है तो दिकत नहीं है टनेंस की टैंशन मतलो आपको आपका सेटिफिकेट मिल जाएगा ठीक है और क्लासेज हो कितनी चुकी है वो आप डेली मोशन के उपर जाके चेक कर सकते हो मेरे इसाब से आज की जो मिटिं

01:01:19थी तो इसका यहां पर आजाओं यहां पर देखो कौन से मिटिंग है यह 108 मैंने शेड्यूल कर रही है और यह आपकी बारवी क्लास आज 12 ठीक है तो यह जो क्लास है वो 12 क्लास है आपकी ठीक है जिसमें अपन CSS का यह टॉपिक बढ़ रहे हैं तो टोटल 12 क्लास हो चुकी

01:01:49है तो टोटल 12 क्लास हो चुकी है 12 यह बता रहा है लेकिन मैं इपनी दो क्लास मिशुझी तो 10 आप बता रहे हो तो 10 होगी शायद था क्यूंकि दो क्लास थो मिश थी ना अपनी

01:02:03दो क्लास तो miss हो गई थी

01:02:06ठीक है तो miss वाली क्लास भी वो count करता है इसके अंदर

01:02:10क्योंकि वो schedule पहले से, advance में schedule है तो उसे हिसाब से वो count करता है

01:02:15तो सरबटी ये तो 10th क्लास है

01:02:19येस बिल्कुं दो क्लास नहीं है अगर आपको पता हो तो

01:02:22मेरी तब्यत खराफ की वेज़े से दो क्लास अपनी नहीं हुई थी तो यह 10th क्लास है

01:02:27ठीक है सर कोई assignment नहीं अभी कोई assignment नहीं है अब यह अपने कुछ ऐसा देखा ही नहीं बस एक बार margin padding तक पहुंच जा है फिर मैं आपको assignments भी देने वाला हूं ठीक है एक URL प्रोवाइड करूँगा जिसमें आपको assignments मिलने वाले हैं

01:02:48तो चलो आज की class के मैं आपको attendance के point one and point two भी पता देता हूं attendance के point one के अंदर आपको mention करना है अपनी text की जो first property अपने देखी थी और वो अपने पास क्याती है अपनी text हाइफन करके align

01:03:04ठीक है text align तो आपको यहाँ पर first point के अंदर क्या लिखना है ये वाला लिखना है text align

01:03:14text-align ठीक है ये attendance का point बने सेम लिखना है क्योंकि मैं आपको लिखे इसलिए बेचता हूं ताकि आप सेम लिखो ठीक है तो ये attendance का first point है जो आपको यहाँ पर mention करना है

01:03:30ठीक है इसी के साथ मैं आपको attendance का point 2 भी बता देता हूं attendance के point 2 के अंदर आपको क्या mention करना है attendance के point 2 के अंदर आपको mention करना है

01:03:46font size font size यह आपके attendance का point 2 है ठीक है जो अपन phone की size को change करने के लिए यूज लेते हैं तो यह attendance के point 1 & point 2 हो गए और जैसे

01:04:00मैं attendance के point 1 & point 2 बताता हूं बहुत सारे student काइब होना चुरू कर देते हैं तो मैं आपसे यह करूँगा कि सबसे last में बता हूँ आपको नहीं यह भी नहीं करूँगा कुस्त तो special काम करना पड़ेगा इसके लिए ताकि आप भागो नहीं class होते ही

01:04:15सिबुल करे कि सर्म main point CSS होगा क्या येस बिल्कुल main point CSS होगा बट सर मैं तो same नहीं लिखता तो क्या होगा कोई बात नहीं point की वज़े से कुछ नहीं होने वाला

01:04:28attendance के point 1 & point 2 गलत मत लिखना अगर point 1 point 2 गलत होगया तो attendance आपकी mark नहीं होगी

01:04:34point 1 & point 2 सही होना जरूरी है और आपका नाम सही होना जरूरी है ठीक है ये जो main details है आपकी वो सही होना जरूरी है और main है आपका नाम नंबर जो भी वो चीज़े ले रहा है वो उसके अलावा point 1 & point 2

01:04:49अनमोल करें सर आप कहां रहते हूं मैं तो घर पे रहता हूं और घर पे जैपूर के अंदर रहता हूं ठीक है

01:04:58जैपूर & सांभर दोनु जगे है सर का घर

01:05:04राकेश करें सर वी है कम्प्लीटेड एस्टीमल टॉपिक में भी इट विल बी एक गुट प्रैक्टिस तो हैव एन असाइमेंट ऑन एस्टीमल ठीक है कल आपको असाइमेंट देते हैं कोई दिक्कत नहीं है

01:05:15कोई बात नहीं अतुल कह रहे है क्लास खतम होने के बाद आप ग्रूप में सैंड क्रूप पॉइंट और कौनसे ग्रूप के अंदर सिबूर करें नाम तो सही है लेकिन केस अलग है

01:05:31ठीक है ठीक है ठीक है चलो आज की क्लास इतनी ही मिलते है फिर अपन अपनी नेक्स क्लास के अंदर और इंट्रेस्टिंग टॉपिक्स और और इंट्रेस्टिंग चीजों के साथ यहां तक की प्रेक्टिस आप अपनी कंप्लीट रखना और मैं कोशिश करता हूँ कि क्लास �

01:06:01अपन रैपों के बारे में भी discuss करेंगे

01:06:03कहां आपको class code मिलने वाला है

01:06:05एक बार class के पहले में को बता देना

01:06:07तो मैं आपको बता दूँगा किस तरीके चापको class code मिलने वाला है

01:06:10ठीक है

01:06:11ओके thank you so much guys

01:06:13बाइ बाइ

01:06:14गुड़नाइट everyone

01:06:15love you all

01:06:17बाइ