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

2
00:00:00,290 --> 00:00:03,310
>> காண்க: இது HTML இல்லை என்று மாறிவிடும்
நீங்கள் உள்ளே பயன்படுத்த முடியும் மட்டுமே மொழி

3
00:00:03,310 --> 00:00:03,895
ஒரு வலை பக்கம்.

4
00:00:03,895 --> 00:00:08,100
நீங்கள் CSS என்று ஒன்று பயன்படுத்த முடியும், அல்லது
விழுத்தொடர் பாணி தாள்கள், அதே.

5
00:00:08,100 --> 00:00:12,120
CSS நீங்கள் மிகவும் குறிப்பிட அனுமதிக்கிறது
ஒரு வலை துல்லியமாக அழகியல்

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
சில அந்தரங்கம் என்று.

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
திறந்த அடைப்புக்குறி கிராம, ஜான் ஹார்வர்ட், நெருங்கிய
அடைப்புக்குறி கிராம, மற்றொரு திறந்த அடைப்புக்குறி கிராம,

15
00:00:43,880 --> 00:00:48,330
இப்போது நாம் ஏதாவது குறிப்பிட வேண்டும்
போன்ற, என் வீட்டுக்கு பக்கத்தில் வரவேற்கிறது!

16
00:00:48,330 --> 00:00:50,420
மற்றும் அதே, இந்த கிராம மூட வேண்டும்.

17
00:00:50,420 --> 00:00:53,700
>> இப்போது ஒரு மூன்றாவது மற்றும் இறுதி
கிராம, பதிப்புரிமை.

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
குறிப்பாக, நான் என்ன செய்ய போகிறேன்
Ampersand, பவுண்டு, 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
நாட்டின் கிராம மூடிவிட்டு கோப்பை சேமிக்கலாம்.

24
00:01:17,180 --> 00:01:18,910
>> இப்போது, இந்த கிராம குறிச்சொல் என்ன?

25
00:01:18,910 --> 00:01:21,970
கிராம குறிச்சொல் வெறுமனே ஒரு பிரிவு வரையறுக்கிறது
அடிப்படையில் இது பக்கம், ஒரு

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
Chrome இல் கணம்.

33
00:01:37,990 --> 00:01:43,040
Chmod a + CSS0.html r.

34
00:01:43,040 --> 00:01:52,440
Chrome மற்றும் வருகை திறந்து இப்போது நாம்
http://localhost.CSS0.html.

35
00:01:52,440 --> 00:01:54,630
உண்மையில், இங்கே ஒரு வீட்டில் பக்கம் தான்
ஜான் ஹார்வர்ட் வேண்டும்.

36
00:01:54,630 --> 00:01:59,370
இப்போது இன்னும் கொஞ்சம் அதை stylize நாம்
துல்லியமாக சில CSS பயன்படுத்தி.

37
00:01:59,370 --> 00:02:03,510
>> மீண்டும் gedit உள்ள, இந்த கொண்டு செல்லலாம்
முதல் 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
பயன்படுத்தி இந்த மூன்று அதிர்ஷ்டவசமாக ஒவ்வொரு,
அது, CSS மாறிவிடும்.

49
00:02:43,770 --> 00:02:47,820
உண்மையில், நீங்கள் பார்க்க அந்த இலக்கணத்தை
அந்த இரட்டை மேற்கோளில் இடையே CSS, ஆகிறது

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
முதல் கிராம, 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
>> நான் தனிப்பட்ட ஒவ்வொரு align முடியும்
மையம் என DIVs.

69
00:03:40,480 --> 00:03:45,330
ஆனால் இன்னும் எளிதாக, நான் அந்த மடிக்க முடியும்
நான்காவது div உள்ளே மூன்று அதிர்ஷ்டவசமாக, ஒரு

70
00:03:45,330 --> 00:03:49,360
பெற்றோர் கிராம, அதனால் பேச, குறிப்பிட
அந்த கிராம மற்றும் அதன் அனைத்து

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
கிராம, பாணி மேற்கோள் சமம்
உரை சீரமை, நெருங்கிய

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 மூட.

78
00:04:15,040 --> 00:04:18,829
>> வேறுவிதமாக கூறினால், ஏனெனில் அந்த மூன்று
அசல் அதிர்ஷ்டவசமாக இப்போது குழந்தைகள் இருக்கின்றன, அதனால் செய்ய

79
00:04:18,829 --> 00:04:22,110
ஒரு புதிய பெற்றோர் DIV, பேச மற்றும் நான்
நான் align விரும்புகிறேன் என்று குறிப்பிட்ட

80
00:04:22,110 --> 00:04:26,140
மையத்தில் பெற்றோர் கிராம உரை
பக்கம், அந்த சொத்து இருக்கும்

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