1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> अध्यक्ष: यह एचटीएमएल नहीं पता चला है कि
आप के अंदर उपयोग कर सकते हैं केवल भाषा

3
00:00:03,310 --> 00:00:03,895
एक वेब पेज का.

4
00:00:03,895 --> 00:00:08,100
आप सीएसएस बुलाया कुछ का उपयोग कर सकते हैं या
व्यापक स्टाइल शीट्स, के रूप में अच्छी तरह से.

5
00:00:08,100 --> 00:00:12,120
सीएसएस आप बहुत अधिक निर्दिष्ट करने के लिए अनुमति देता है
एक वेब के ठीक सौंदर्यशास्त्र

6
00:00:12,120 --> 00:00:16,930
लेआउट और आकार सहित पेज, और
रंग और फोंट और बहुत कुछ.

7
00:00:16,930 --> 00:00:20,820
उदाहरण के लिए, एक वेब पेज बना सकते हैं
एक का प्रतिनिधित्व करता है कि यहां बुलाया CSS0

8
00:00:20,820 --> 00:00:22,740
जॉन हार्वर्ड, कहते हैं, के लिए घर पृष्ठ.

9
00:00:22,740 --> 00:00:25,480
>> इस पृष्ठ पर, हम होगा जॉन हार्वर्ड
नाम है, जो होगा नीचे

10
00:00:25,480 --> 00:00:28,500
अपने दर्शकों के लिए एक अच्छा संदेश, नीचे
जो साथ, एक पाद होगा

11
00:00:28,500 --> 00:00:30,590
, कुछ Copyright जानकारी कहना.

12
00:00:30,590 --> 00:00:34,650
ऐसा करने के लिए, के तीन डिवीजनों को परिभाषित करते हैं
एक टैग का उपयोग कर पेज के लिए

13
00:00:34,650 --> 00:00:35,670
div बुलाया.

14
00:00:35,670 --> 00:00:43,880
ओपन ब्रैकेट div, जॉन हार्वर्ड, करीब
ब्रैकेट div, एक और खुला ब्रैकेट div,

15
00:00:43,880 --> 00:00:48,330
और अब हम कुछ निर्दिष्ट करेंगे
जैसे, मेरे घर पृष्ठ पर आपका स्वागत है!

16
00:00:48,330 --> 00:00:50,420
और साथ ही, इस div बंद करते हैं.

17
00:00:50,420 --> 00:00:53,700
>> और अब एक तीसरा और अंतिम
div, कॉपीराइट.

18
00:00:53,700 --> 00:00:58,250
बस कल्पना की, मुझे अब एक HTML का उपयोग करते हैं
संस्था का प्रतिनिधित्व करने वाली एक प्रतीक

19
00:00:58,250 --> 00:01:01,140
एक चरित्र है कि आप अन्यथा नहीं कर सकता
अपने कीबोर्ड पर टाइप करें.

20
00:01:01,140 --> 00:01:07,490
विशेष रूप से, मैं क्या करने जा रहा हूँ
एम्परसेंड, पौंड, 169, अर्धविराम.

21
00:01:07,490 --> 00:01:10,620
कि सांख्यिक कोड निकलता है
कॉपीराइट प्रतीक के लिए.

22
00:01:10,620 --> 00:01:14,260
तो चलो जॉन हार्वर्ड निर्दिष्ट करते हैं
यहाँ तल पर.

23
00:01:14,260 --> 00:01:17,180
की div बंद करें और फाइल को बचाने करते हैं.

24
00:01:17,180 --> 00:01:18,910
>> अब, इस div टैग क्या है?

25
00:01:18,910 --> 00:01:21,970
div टैग बस एक विभाजन को परिभाषित करता है
अनिवार्य रूप से है जो पेज का एक

26
00:01:21,970 --> 00:01:23,310
आयताकार क्षेत्र.

27
00:01:23,310 --> 00:01:26,850
इतने समय में इस पल में, मैं तीन है
आयताकार क्षेत्रों, शीर्ष पर एक

28
00:01:26,850 --> 00:01:27,620
अन्य की.

29
00:01:27,620 --> 00:01:30,610
तो अब के लिए, प्रभाव लगभग रूप में है
मैं तीन पैराग्राफ पड़ा है.

30
00:01:30,610 --> 00:01:33,490
लेकिन हम काफी ज्यादा के रूप में नहीं देखेंगे
उन दोनों के बीच में सफेद स्थान.

31
00:01:33,490 --> 00:01:36,170
>> बदलने के लिए, चलो इस फाइल को बचाने चलो अपने
अनुमतियाँ, और एक के लिए एक नज़र रखना

32
00:01:36,170 --> 00:01:37,990
क्रोम में पल.

33
00:01:37,990 --> 00:01:43,040
Chmod एक + CSS0.html आर.

34
00:01:43,040 --> 00:01:52,440
क्रोम और यात्रा खोलो अब चलो
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
दरअसल, यहां एक घर पृष्ठ है
जॉन हार्वर्ड के लिए.

36
00:01:54,630 --> 00:01:59,370
चलो अब एक छोटे से अधिक यह stylize दो.
ठीक कुछ सीएसएस का उपयोग कर.

37
00:01:59,370 --> 00:02:03,510
>> वापस जीएडिट में, इस में जाने
पहली div टैग और एक शैली जोड़ना

38
00:02:03,510 --> 00:02:11,060
मैं चाहूँगा कि निर्दिष्ट करने का श्रेय एक
फ़ॉन्ट कहते हैं, के आकार, 36 पिक्सल, या px.

39
00:02:11,060 --> 00:02:15,650
और मैं इस फ़ॉन्ट के वजन चाहते हैं
बल्कि डिफ़ॉल्ट से बोल्ड हो,

40
00:02:15,650 --> 00:02:16,980
जो सामान्य है.

41
00:02:16,980 --> 00:02:21,170
दूसरी div के लिए, के निर्दिष्ट करते हैं
एक है जो किसी अन्य शैली विशेषता

42
00:02:21,170 --> 00:02:25,550
फ़ॉन्ट 24 पिक्सल के आकार, तो
थोड़ा छोटा.

43
00:02:25,550 --> 00:02:28,410
अर्धविराम के बाद बंद उद्धरण.

44
00:02:28,410 --> 00:02:33,255
>> अन्त में, इस तीसरे div में, चलो
शैली बोली, फ़ॉन्ट आकार के बराबर होती है, और

45
00:02:33,255 --> 00:02:35,340
12 पिक्सल इस बार हम कहते हैं.

46
00:02:35,340 --> 00:02:37,280
अर्धविराम के बाद बंद भाव.

47
00:02:37,280 --> 00:02:40,200
मैं है लगता है कि फिर नोटिस
के लिए stylization की निर्दिष्ट एक बिट

48
00:02:40,200 --> 00:02:43,770
का उपयोग करते हुए इन तीन divs के प्रत्येक,
यह, सीएसएस पता चला है.

49
00:02:43,770 --> 00:02:47,820
वास्तव में, आप में देखते हैं कि वाक्यविन्यास
उन दो उद्धरण के बीच सीएसएस, है

50
00:02:47,820 --> 00:02:50,620
विशेष रूप से गुण CSS
मूल्यों के साथ.

51
00:02:50,620 --> 00:02:53,910
और मैं था कि जहां पहले टैग के लिए
दो ऐसे गुण, फ़ॉन्ट आकार और

52
00:02:53,910 --> 00:02:57,290
फ़ॉन्ट वजन, मैं बस से अलग किया
एक अर्धविराम पर उन्हें.

53
00:02:57,290 --> 00:02:59,940
>> अब, बस शैली के लिए, मैं
भी शामिल अर्धविराम पर

54
00:02:59,940 --> 00:03:00,880
प्रत्येक पंक्ति के अंत.

55
00:03:00,880 --> 00:03:04,270
लेकिन वे सख्ती से आवश्यक नहीं कर रहे हैं,
आप केवल एक ही है, खासकर जब

56
00:03:04,270 --> 00:03:05,580
संपत्ति को परिभाषित किया.

57
00:03:05,580 --> 00:03:08,370
चलो अब फाइल को बचाने और फिर से लोड करते हैं
क्रोम में, और क्या देखना

58
00:03:08,370 --> 00:03:11,000
शुद्ध प्रभाव है.

59
00:03:11,000 --> 00:03:13,470
वापस क्रोम में यहाँ,
का रीलोड क्लिक करते हैं.

60
00:03:13,470 --> 00:03:15,800
>> अब हम एक से थोड़ा अधिक दिलचस्प है
जॉन के लिए होम पेज

61
00:03:15,800 --> 00:03:19,000
हार्वर्ड, साथ जिससे पहली पंक्ति
उस के अंदर है जो उसके नाम,

62
00:03:19,000 --> 00:03:23,470
पहली div, भी 36 पिक्सल लंबा है और
गहरा, जिससे दूसरी पंक्ति,

63
00:03:23,470 --> 00:03:27,340
कि दूसरी div में है, जो 24 है
लंबा, लेकिन नहीं गहरा पिक्सेल.

64
00:03:27,340 --> 00:03:31,500
और जिससे कि तीसरे में तीसरी लाइन
div भी 12 पिक्सल लंबा है और

65
00:03:31,500 --> 00:03:32,610
गहरा नहीं.

66
00:03:32,610 --> 00:03:35,380
लेकिन अब लगता है कि मैं बदलाव करना चाहते हैं
पर इस पाठ के सभी

67
00:03:35,380 --> 00:03:36,650
यह केंद्रित है कि इस तरह के.

68
00:03:36,650 --> 00:03:40,480
>> मैं व्यक्ति के प्रत्येक संरेखित सकता है
केन्द्रित किया जा रहा है के रूप में divs.

69
00:03:40,480 --> 00:03:45,330
लेकिन और अधिक आसानी से, मैं उन लपेट सकते हैं
एक चौथी div के अंदर तीन divs, एक

70
00:03:45,330 --> 00:03:49,360
माता पिता div, तो बात है, और निर्दिष्ट करने के लिए
कि कि div और के लिए अपने सभी

71
00:03:49,360 --> 00:03:52,610
सन्तान होने चाहिए
पाठ केन्द्र गठबंधन?

72
00:03:52,610 --> 00:03:54,120
चलो एक नज़र रखना.

73
00:03:54,120 --> 00:03:58,510
>> जीएडिट के अंदर, के लिए वापस जाओ मेरे
शरीर और के साथ एक नया div ऊपर शीर्ष जोड़

74
00:03:58,510 --> 00:04:04,460
div, शैली बोली गंदें शब्द बोलना के बराबर होती है
पाठ संरेखित केंद्र, करीब

75
00:04:04,460 --> 00:04:06,250
अर्धविराम के बाद बोली.

76
00:04:06,250 --> 00:04:10,280
और अब, हम सब आगे और मांगपत्र जाने दो
हम पहले लिखे गए उन लाइनों की.

77
00:04:10,280 --> 00:04:15,040
और वह तीसरे div नीचे है, चलो
इस नए div बंद करें.

78
00:04:15,040 --> 00:04:18,829
>> दूसरे शब्दों में, क्योंकि उन तीन
मूल divs अब बच्चे हैं, इसलिए करने के लिए

79
00:04:18,829 --> 00:04:22,110
एक नए माता पिता div की बात है, और मैं
मैं संरेखित करना चाहते हैं कि निर्दिष्ट

80
00:04:22,110 --> 00:04:26,140
केन्द्र में है कि माता पिता div के पाठ
पेज की, कि संपत्ति होगी

81
00:04:26,140 --> 00:04:28,290
उन बच्चों के सभी से विरासत में मिला है.

82
00:04:28,290 --> 00:04:32,370
दरअसल, की फाइल को बचाने और
एक ब्राउज़र में एक बार देख ले.

83
00:04:32,370 --> 00:04:34,650
क्रोम में फिर से लोड करते हैं.

84
00:04:34,650 --> 00:04:37,540
और वहाँ हम इसे एक भी अच्छा है
जॉन हार्वर्ड के लिए घर पृष्ठ.

85
00:04:37,540 --> 00:04:39,872