1
00:00:00,000 --> 00:00:05,660
>> [இசை]

2
00:00:05,660 --> 00:00:08,740
>> டக் LLOYD: எனவே இன்னும் ஒரு எடுத்து விடுங்கள்
வீடியோ ஒரு மொழியாகி பற்றி பேச.

3
00:00:08,740 --> 00:00:10,800
நாம் CSS பற்றி பேசுகிறேன் இந்த நேரம்.

4
00:00:10,800 --> 00:00:13,460
குறுகிய இது எனவே CSS,
அடுக்கு நடை தாள்கள்

5
00:00:13,460 --> 00:00:16,149
நாம் பயன்படுத்தும் மற்றொரு மொழி ஆகும்
வலைத்தளங்களில் கட்டும் போது.

6
00:00:16,149 --> 00:00:17,190
இதை பற்றி யோசிக்க.

7
00:00:17,190 --> 00:00:20,900
HTML, நாங்கள் ஏற்பாடு செய்ய பயன்படுத்த வேண்டும் என்றால்
நாங்கள் எங்கள் பக்கம் வைக்க வேண்டும் உள்ளடக்கத்தை,

8
00:00:20,900 --> 00:00:25,390
CSS ஐ நாம் பொதுவாக பயன்படுத்த என்று கருவி
எங்கள் வலைத்தளங்களில் பார்த்து எப்படி தனிப்பயனாக்க,

9
00:00:25,390 --> 00:00:30,410
எப்படி பயனர் அனுபவம் மிகவும்
எங்கள் வலைத்தளத்தில் உரையாடி, உள்ளது.

10
00:00:30,410 --> 00:00:32,535
>> HTML, போன்ற, CSS உள்ளது
ஒரு நிரலாக்க மொழி.

11
00:00:32,535 --> 00:00:33,451
இது தர்க்கத்தின் இல்லை.

12
00:00:33,451 --> 00:00:34,595
இது மாறிகள் இல்லை.

13
00:00:34,595 --> 00:00:38,890
அது எந்த மாதிரி இல்லை
சி என்று தொடர்பான விஷயங்களை ஓட்டம்.

14
00:00:38,890 --> 00:00:40,150
அது ஒரு ஸ்டைலிங் மொழி தான்.

15
00:00:40,150 --> 00:00:42,810
அதன் தொடரியல் அழகான ஆகிறது
எளிய, மற்றும் விவரிக்கிறது

16
00:00:42,810 --> 00:00:46,240
எப்படி கூறுகளை எங்கள்
பக்கம் குறிப்பிட்ட HTML வேண்டும்

17
00:00:46,240 --> 00:00:48,190
உறுப்புகள் மாற்றம்.

18
00:00:48,190 --> 00:00:51,170
அந்த முடிவுக்கு, நீங்கள் இல்லை என்றால்
இன்னும், HTML எங்கள் வீடியோவை பார்த்தேன்

19
00:00:51,170 --> 00:00:53,290
அல்லது அறிந்திறாத
HTML, பொதுவாக, நீங்கள்

20
00:00:53,290 --> 00:00:57,430
என்று பாருங்கள் வேண்டும்
CSS ஐ முதல், ஏனெனில் இந்த விவாதம்

21
00:00:57,430 --> 00:01:00,700
சார்ந்தது போகிறது
சில HTML அறிவு.

22
00:01:00,700 --> 00:01:03,740
>> எனவே இங்கு ஒரு உண்மையில் தான்
எளிய CSS நடைதாளுடன்.

23
00:01:03,740 --> 00:01:06,480
நீங்கள் எப்போதும் நான் கூட
முன் CSS கொண்டு திட்டமிடப்பட்டது,

24
00:01:06,480 --> 00:01:10,624
நீங்கள் கண்டுபிடிக்க முடியும் நான் அழகாக தெரியும்
இந்த நடைதாளுடன் சரியாக என்ன.

25
00:01:10,624 --> 00:01:11,290
அது என்ன?

26
00:01:11,290 --> 00:01:15,470
சரி, எங்கள் வலை உடல் பயன்படுத்தப்படும்
உடல் குறிச்சொற்களை இடையே பக்கம், எல்லாம்

27
00:01:15,470 --> 00:01:19,631
எங்கள் HTML, மற்றும் அமைக்கிறது
நீல அந்த பக்கம் பின்னணி நிறம்.

28
00:01:19,631 --> 00:01:21,130
சரி, அது ஒரு மிக எளிய நடைதாளுடன் தான்.

29
00:01:21,130 --> 00:01:23,269
அது உண்மையில் மிகவும் மனித
நட்பு மொழி, CSS கருத்து.

30
00:01:23,269 --> 00:01:26,560
எனவே, நீங்கள் முன் அதை பயன்படுத்த முடியாது கூட
ஒருவேளை நீங்கள் அந்த என்ன செய்தார் யூகிக்க முடியவில்லை.

31
00:01:26,560 --> 00:01:30,140
உண்மையில், நாம் ஒரு பக்கம், அங்கு ஏற்றப்படத்தோம்
இந்த நடைதாளுடன், எப்படியோ பதிக்கப்பட்ட

32
00:01:30,140 --> 00:01:36,240
எங்கள் பக்கம் பின்னணி நிறம் என்று
நீலம், மற்றும் தரமான வெள்ளை என்றார்.

33
00:01:36,240 --> 00:01:37,670
>> நாம் எப்படி பாணி கட்ட வேண்டும்?

34
00:01:37,670 --> 00:01:39,700
அதே முதல், நாம் வேண்டும்
ஒரு தேர்வுக்குழு அடையாளம்.

35
00:01:39,700 --> 00:01:42,970
கடைசி உதாரணத்தில்,
என்று தேர்வுக்குழு உடல் இருந்தது.

36
00:01:42,970 --> 00:01:45,050
நாம் ஒரு திறந்த வேண்டும்
சுருள் பிரேஸ், மற்றும் நாம்

37
00:01:45,050 --> 00:01:48,410
வரையறுக்கும் ஆரம்பிக்க போகிறது
என்று தேர்வுக்குழு நடைதாளுடன்.

38
00:01:48,410 --> 00:01:51,800
சுருள் ப்ரேஸ் இடையில், நாம்
வெறும் முக்கிய மதிப்பு ஜோடிகள் ஒரு பட்டியல் உண்டு.

39
00:01:51,800 --> 00:01:56,205
முந்தைய மதிப்பு ஜோடி இருந்தது
பின்னணி நிறம் நீலம் அரைப்புள்ளி,

40
00:01:56,205 --> 00:01:57,830
ஆனால் நாம் இந்த இன்னும் செய்ய முடியும்.

41
00:01:57,830 --> 00:02:02,330
நீங்கள் பல விஷயங்களை விண்ணப்பிக்கும் இருக்க முடியும்
என்று டேக், என்று தேர்வுக்குழு உடல்.

42
00:02:02,330 --> 00:02:05,960
அவர்கள் ஒவ்வொருவரும் ஒரு பிரிக்கப்பட்ட
அரைப்புள்ளி, மற்றும் நாம் ஒவ்வொரு ஒரு அழைப்பு

43
00:02:05,960 --> 00:02:08,949
ஒரு அறிவிப்பு, ஒரு CSS அறிவிப்பு.

44
00:02:08,949 --> 00:02:12,410
நாங்கள் அனைத்து ஸ்டைலிங் நாங்கள் முடித்துவிட்டீர்கள் போது
என்று குறிப்பிட்ட டேக் விண்ணப்பிக்க வேண்டும்,

45
00:02:12,410 --> 00:02:15,300
நாம் ஒரு நிறைவு சுருள் வேண்டும்
நடைதாளுடன் முடிவுக்கு எதிர்கொள்வேன்,

46
00:02:15,300 --> 00:02:19,640
நாம் நடைதாளுடன் வரையறுக்கும் முடித்துவிட்டீர்கள்
அந்த குறிப்பிட்ட தேர்வுக்குழு.

47
00:02:19,640 --> 00:02:21,341
>> சில பொதுவான CSS பண்புகள் என்ன?

48
00:02:21,341 --> 00:02:23,590
நன்றாக, ஒருவேளை நீங்கள் போட வேண்டும்
ஏதாவது சுற்றி ஒரு எல்லை.

49
00:02:23,590 --> 00:02:26,850
நீங்கள் சொல்ல முடியாது, எனவே, எல்லை,
என்று உங்கள் முக்கிய இருக்க வேண்டும்,

50
00:02:26,850 --> 00:02:29,460
பின்னர் உங்கள் மதிப்புகள் இருக்க வேண்டும்,
என்ன பாணி, நிறம், மற்றும் அகலம்

51
00:02:29,460 --> 00:02:30,209
நீங்கள் இருக்க வேண்டும்.

52
00:02:30,209 --> 00:02:33,530
எனவே பாணி ஒரு திட இருக்க முடியும்
வரி, புள்ளி, ஒரு கோடிட்ட வரி,

53
00:02:33,530 --> 00:02:36,020
அலை அலையான வரி இருக்க வேண்டும், இது ஒரு மேடு வரி,.

54
00:02:36,020 --> 00:02:38,790
ஒருவேளை நீங்கள் அதை செய்ய வேண்டும்
நீலம் அல்லது கருப்பு அல்லது பச்சை இருக்க.

55
00:02:38,790 --> 00:02:41,490
ஒருவேளை நீங்கள் இருக்க வேண்டும்
1 அல்லது 2 அல்லது 10 பிக்சல்கள் அளவில்.

56
00:02:41,490 --> 00:02:43,254
நீங்கள் அந்த விஷயங்கள் எல்லாம் குறிப்பிட முடியும்.

57
00:02:43,254 --> 00:02:46,420
ஒருவேளை நீங்கள் பின்னணி அமைக்க வேண்டும்
ஒரு குறிப்பிட்ட வழியில் உங்கள் பக்கம் நிறம்.

58
00:02:46,420 --> 00:02:49,215
நாம் ஏற்கனவே அமைக்க, என்று பார்த்தேன்
உடல் பின்னணி நீல இருக்க வேண்டும்.

59
00:02:49,215 --> 00:02:52,080
>> நீங்கள் ஒரு முக்கிய வார்த்தை பயன்படுத்த முடியும்,
எனவே CSS சில நிறங்கள் உள்ளன

60
00:02:52,080 --> 00:02:55,950
என்று, அது ஒரு பச்சை, நீலம் கட்டப்பட்டது
கருப்பு, நாம் தெரியும் ஒரு மிக எளிய நிறங்கள்.

61
00:02:55,950 --> 00:02:59,110
ஆனால் நீங்கள் எந்த குறிப்பிட முடியும்
நீங்கள் விரும்புகிறேன் என்று ஹெக்ஸ் நிறம்.

62
00:02:59,110 --> 00:03:05,190
நிறங்கள் அடையாளம் கண்டு கொள்ள முடியும் என்று நினைவு
மூன்று எண்ம எண்களை ஒரு தொகுப்பு மூலம்

63
00:03:05,190 --> 00:03:08,500
0 இருந்து 255, RG மற்றும் b செய்ய
சிவப்பு, பச்சை, மற்றும் நீல கூறு.

64
00:03:08,500 --> 00:03:10,590
எனவே நாம் குறிப்பிட முடியும்
நாங்கள் விரும்பும் எந்த நிறம்,

65
00:03:10,590 --> 00:03:15,520
அதற்கு பதிலாக நீலம் அல்லது பச்சை அல்லது கருப்பு பயன்படுத்தி,
பவுண்டு பயன்படுத்தி மற்றும் ஹெக்ஸ் பின்னர் ஆறு இலக்கங்கள்,

66
00:03:15,520 --> 00:03:18,310
அது எங்களுக்கு கொடுக்க வேண்டும்
ஆறு ஐக்கிய நிறம்.

67
00:03:18,310 --> 00:03:19,850
அதனால் பின்னணி நிறம் தான்.

68
00:03:19,850 --> 00:03:21,975
>> நாங்கள் முன்புறமாக வேண்டும்
பொதுவாக இது நிறம்,

69
00:03:21,975 --> 00:03:24,140
உங்கள் பக்கம் உரை இருக்க போகிறது.

70
00:03:24,140 --> 00:03:28,850
நீங்கள் இதேபோல் அதை செய்ய முடியும்
முக்கிய வார்த்தை மற்றும் அல்லது ஆறு ஐக்கிய ஹெக்ஸ்.

71
00:03:28,850 --> 00:03:32,140
எனவே நீங்கள் எந்த நிறம் குறிப்பிட முடியும் நீங்கள்
உங்கள் பக்கம் உரை வேண்டும்

72
00:03:32,140 --> 00:03:36,370
ஒரு குறிப்பிட்ட எதிராக
பின்னணி நிறம், மேலே.

73
00:03:36,370 --> 00:03:39,100
நீங்கள் மாற்ற மற்றும் சமாளிக்க முடியும்
எழுத்துரு, மற்றும் வழி உரை

74
00:03:39,100 --> 00:03:40,400
பக்கத்தில் காண்பிக்கப்பட்ட.

75
00:03:40,400 --> 00:03:42,010
>> எனவே நீங்கள் உங்கள் எழுத்துரு அளவு மாற்ற முடியும்.

76
00:03:42,010 --> 00:03:46,320
நீங்கள் இது போன்ற கூடுதல் போன்ற முக்கிய வார்த்தைகள், பயன்படுத்த முடியும்
கூடுதல் சிறிய, அல்லது சிறிய XX, அல்லது நடுத்தர,

77
00:03:46,320 --> 00:03:47,660
பெரிய, மற்றும் பல.

78
00:03:47,660 --> 00:03:50,750
நீங்கள் நிலைத்த புள்ளிகள் பயன்படுத்த முடியும், 10
புள்ளி, 12 புள்ளி, மற்றும் பல.

79
00:03:50,750 --> 00:03:55,850
நீங்கள், சதவீதங்கள், 80%, 20% பயன்படுத்த முடியும்
அங்கு 100% இயல்புநிலை எழுத்துரு ஆகிறது

80
00:03:55,850 --> 00:03:59,220
பொதுவாக போகிறது இது அளவு,
11 அல்லது 12 புள்ளிகள் போன்ற ஏதாவது இருக்க.

81
00:03:59,220 --> 00:04:01,659
அல்லது நீங்கள் கூட அதை அடிப்படையாக முடியும்
மிக சமீபத்திய எழுத்துரு அளவு.

82
00:04:01,659 --> 00:04:04,950
நீங்கள் தான் ஏதாவது எழுதியது நீங்கள் தெரியும் என்றால்
அது சிறிய இருக்க வேண்டும் உனக்கு என்ன வேண்டும், ஆகிறது

83
00:04:04,950 --> 00:04:08,241
ஆனால் நீங்கள் தெரியாது சரியாக என்ன அளவு நீங்கள்
அது இருக்கலாம், நன்கு, நீங்கள் தான் சொல்ல முடியும் விரும்பினால்,

84
00:04:08,241 --> 00:04:09,330
எழுத்துரு அளவு சிறிய.

85
00:04:09,330 --> 00:04:14,344
அது, ஆஃப் அடிப்படையாக
தான் மேலே இது எழுத்துரு அளவு தான்.

86
00:04:14,344 --> 00:04:15,760
நீங்கள் சிறிய அல்லது பெரிய பெற முடியும்.

87
00:04:15,760 --> 00:04:18,390
எனவே பல்வேறு நிறைய இருக்கிறது
வழிகளில் எழுத்துரு அளவு குறிப்பிட வேண்டும்.

88
00:04:18,390 --> 00:04:20,690
>> நீங்கள் என்ன குறிப்பிட முடியும்
நீங்கள் விரும்பும் எழுத்துரு குடும்பம்.

89
00:04:20,690 --> 00:04:23,360
நீங்கள் ஒரு குறிப்பிட்ட இருந்தால்
பெயர், ஒரு வழி இருக்கிறது CSS--

90
00:04:23,360 --> 00:04:27,270
நாங்கள் அதை பற்றி பேச போவதில்லை
இங்கே ஒரு குறிப்பிட்ட எழுத்துரு வரையறுக்க

91
00:04:27,270 --> 00:04:28,980
மற்றும் உங்கள் பக்கம் அதை பதித்துள்ளது.

92
00:04:28,980 --> 00:04:30,620
நீங்கள் ஒரு பொதுவான பெயர்களை பயன்படுத்த முடியும்.

93
00:04:30,620 --> 00:04:33,540
வலை பாதுகாப்பான எழுத்துருக்கள் நிறைய இருக்கிறது
என்று CSS முன் வரையறுக்கப்படுகிறது.

94
00:04:33,540 --> 00:04:36,352
நீங்கள் மைக்ரோசாப்ட் ஒரு பயனர் இருந்தால்
கடந்த 20 ஆண்டுகளில் அலுவலகம்,

95
00:04:36,352 --> 00:04:38,810
ஒருவேளை நீங்கள் தெரிந்திருந்தால்
இந்த வலை பாதுகாப்பான எழுத்துருக்கள் நிறைய

96
00:04:38,810 --> 00:04:44,640
ஏற்கனவே, டைம்ஸ் நியூ ரோமன், ஏரியல்,
நியூ, ஜோர்ஜியா, தஹோமா, Verdana கூரியர்

97
00:04:44,640 --> 00:04:45,470
மற்றும் பல.

98
00:04:45,470 --> 00:04:47,170
அந்த அனைத்து வலை பாதுகாப்பான எழுத்துருக்கள் கருதப்படுகிறது.

99
00:04:47,170 --> 00:04:49,169
என்ற உண்மையில், பகுதியாக
காரணம், அவர்கள் இருக்கும் வந்தது

100
00:04:49,169 --> 00:04:54,140
ஒவ்வொரு பக்கம் web-- செய்ய பயன்படுத்தப்படும்
இந்த இயல்புநிலை அணுகல் எழுத்துருக்கள் அமைக்க

101
00:04:54,140 --> 00:04:58,480
பல்வேறு serifs, மற்றும் அனைத்து இந்த
நாங்கள் பெற மாட்டேன் எழுத்துரு பொருள்,

102
00:04:58,480 --> 00:05:01,130
ஆனால் அவை உள்ளன
உங்கள் CSS அணுக,

103
00:05:01,130 --> 00:05:04,029
நீங்கள் இல்லை என்றால்
இல்லையெனில் எழுத்துருக்கள் வரையறுக்க.

104
00:05:04,029 --> 00:05:07,070
கடைசியாக, நீங்கள் உங்கள் உரை align முடியும்,
அது இருப்பது பதிலாக, இயல்பாக, உள்ளன

105
00:05:07,070 --> 00:05:09,310
இடது, நீங்கள் முடியும்
வலது அது align,

106
00:05:09,310 --> 00:05:13,740
அல்லது நீங்கள் அதை மையமாக align, அல்லது, முடியும்
அது இரு ஓரங்கள் அடித்து அந்த நியாயப்படுத்தினார்.

107
00:05:13,740 --> 00:05:16,800
அந்த எனவே நீங்கள் பயன்படுத்த முடியும் அனைத்து விருப்பங்கள் உள்ளன
உங்கள் உரை போல் என்ன மாற்ற,

108
00:05:16,800 --> 00:05:20,120
மற்றும் அது உங்கள் பக்கம் எப்படி காட்டப்படும்.

109
00:05:20,120 --> 00:05:22,180
>> உங்கள் தேர்வாளர்கள் செய்ய
குறிச்சொற்களை மட்டுமே இருக்க வேண்டும்.

110
00:05:22,180 --> 00:05:25,539
நாம் முன்னர் உடல் டேக் பார்த்தேன்
தேர்வுக்குழு, மற்றும் டாக் தேர்வுக்குழு

111
00:05:25,539 --> 00:05:26,580
அது போல் இருக்கிறது.

112
00:05:26,580 --> 00:05:30,020
நீங்கள் ஒரு டேக் பெயரை,
என்று டேக் ஒரு நடைதாளுடன் வரையறுக்க.

113
00:05:30,020 --> 00:05:32,660
ஆனால் நீங்கள் ஏதாவது செய்ய முடியும்
ஒரு அடையாள தேர்வுக்குழு என்று.

114
00:05:32,660 --> 00:05:34,390
ஒரு ஐடி தேர்வுக்குழு அழகாக போன்ற தோற்றம்.

115
00:05:34,390 --> 00:05:38,100
ஆனால் இப்போது நான் பயன்படுத்தி இல்லை என்று அறிவிப்பு
ஒரு HTML டேக், நான், இந்த வழக்கில், பயன்படுத்தி வருகிறது

116
00:05:38,100 --> 00:05:40,720
#unique, அல்லது தனிப்பட்ட புல.

117
00:05:40,720 --> 00:05:42,930
நீங்கள் நினைவு என்றால் எங்கள்
HTML, வீடியோ, நாங்கள் பேசினோம்

118
00:05:42,930 --> 00:05:45,620
குறிச்சொற்களை பண்புகளை முடியும் என்பதை பற்றி.

119
00:05:45,620 --> 00:05:48,340
>> மற்றும் ஒரு கற்பிதம் என்று பொருந்தகிறது
அழகான மிகவும் அனைத்து HTML குறிச்சொற்களை,

120
00:05:48,340 --> 00:05:51,440
ஆனால் நாம் அதை பற்றி பேச,
ஒரு அடையாள குறியை என்று ஒன்று இருக்கிறது.

121
00:05:51,440 --> 00:05:55,250
எனவே இந்த குறிப்பிட்ட CSS என்று
மட்டுமே உள்ளது என்று HTML குறியை விண்ணப்பிக்க

122
00:05:55,250 --> 00:05:58,530
ஒரு குறிப்பிட்ட ஐடி, நீங்கள் என்ற விட்டேன் என்று.

123
00:05:58,530 --> 00:06:01,000
நீங்கள் எங்காவது இருந்தால், அதனால்
உங்கள் குறியீடு, எங்காவது

124
00:06:01,000 --> 00:06:06,090
உங்கள் HTML கோப்பை, ஒரு டேக் மற்றும் நீங்கள்
என்று டேக் பண்பு குறிப்பிட,

125
00:06:06,090 --> 00:06:09,060
ஐடி, இந்த தனிப்பட்ட சமகிறது
குறிப்பிட்ட நடைதாளுடன்

126
00:06:09,060 --> 00:06:15,030
இங்கே மட்டும் இடையே பொருந்தும்
தனிப்பட்ட ஐடி என்று டேக்.

127
00:06:15,030 --> 00:06:17,180
>> நீங்கள் ஏதாவது செய்ய முடியும்
ஒரு வர்க்கம் தேர்வுக்குழு என்று.

128
00:06:17,180 --> 00:06:19,920
கொண்ட கூடுதலாக எனவே
ஐடி நீங்கள் முடியும், பண்புகளை

129
00:06:19,920 --> 00:06:23,130
HTML குறிச்சொற்களை ஒரு வர்க்கம் பண்பு சேர்க்க.

130
00:06:23,130 --> 00:06:27,140
நீங்கள் ஒரு வர்க்க பண்பு பயன்படுத்த போது,
அது பல குறிச்சொற்களை பயன்படுத்தலாம்.

131
00:06:27,140 --> 00:06:31,880
எனவே நீங்கள் பல விஷயங்கள் இருக்கிறது என்றால் என்று
, ஒருவேளை நீங்கள் சொல்ல ஒத்த வேண்டும் என்று,

132
00:06:31,880 --> 00:06:35,890
திறந்த டேக் அபத்தம், அபத்தம், அபத்தம்,
அபத்தம், வர்க்க மாணவர்கள் சமம்.

133
00:06:35,890 --> 00:06:38,190
பின்னர் இந்த குறிப்பிட்ட
நடைதாளுடன் விண்ணப்பிக்க வேண்டும்

134
00:06:38,190 --> 00:06:42,041
யாருடைய வர்க்கம் ஒவ்வொரு டேக் மாணவர்கள் ஆகிறது.

135
00:06:42,041 --> 00:06:44,290
இந்த வழக்கில், நாம் அமைக்க விரும்புகிறேன்
மஞ்சள் பின்னணி நிறம்,

136
00:06:44,290 --> 00:06:46,706
நாம், ஒளிர்வு அமைக்க என்று எந்த
நாம் பற்றி பேச வில்லை ஒரு குறிச்சொல் உள்ளது

137
00:06:46,706 --> 00:06:52,510
ஆனால் அது எவ்வாறு வெளிப்படையான மேற்கொள்கின்றன
ஏதோ இந்த விஷயத்தில், 70% ஆகும்.

138
00:06:52,510 --> 00:06:54,430
>> இரண்டு விருப்பங்கள் இல்லை
எழுத்து பாணி.

139
00:06:54,430 --> 00:06:56,680
நீங்கள் அவர்களை எழுத முடியும்
நேரடியாக உங்கள் HTML

140
00:06:56,680 --> 00:06:59,690
பாணி வைப்பதன் மூலம்
பாணி குறிச்சொற்களை இடையே உள்ள.

141
00:06:59,690 --> 00:07:03,850
அந்த பாணி குறிச்சொற்களை உள்ளே செல்ல
உங்கள் வலை பக்கம் தலை குறிச்சொற்களை.

142
00:07:03,850 --> 00:07:08,240
ஒருவேளை இன்னும் விருப்பமான வழி செய்ய
அது ஒரு தனி CSS கோப்பு எழுத வேண்டும்,

143
00:07:08,240 --> 00:07:12,360
பின்னர் அது இணைக்க உங்கள்
இணைப்பு குறிச்சொற்களை பயன்படுத்தி ஆவணப்படுத்த.

144
00:07:12,360 --> 00:07:14,690
இணைப்பு குறிச்சொற்களை, மீண்டும், உள்ளன
ஹைப்பர்லிங்க் வேறுபட்டது,

145
00:07:14,690 --> 00:07:16,760
நீங்கள் எங்கள் வீடியோ இருந்து ஒரு HTML நினைவு என்றால்.

146
00:07:16,760 --> 00:07:19,030
மற்றும் இணைப்பு குறிச்சொற்களை எப்படி நாம்
தனி கோப்புகளை இழுக்க.

147
00:07:19,030 --> 00:07:23,900
அது மாதிரி சமமான போன்ற
வலை நிரலாக்க # அடங்கும்.

148
00:07:23,900 --> 00:07:27,140
>> எனவே table.HTML பாருங்கள் நாம்.

149
00:07:27,140 --> 00:07:29,380
நீங்கள் நினைவு என்றால் எங்கள்
HTML வீடியோ, நான் காட்டியது

150
00:07:29,380 --> 00:07:32,000
ஒரு மிக ஒரு உதாரணம்
எளிய பெருக்கல்

151
00:07:32,000 --> 00:07:35,160
அழகான தோற்றம் என்று அட்டவணை
அசிங்கமான, மற்றும் ஒருவேளை இருக்கிறது

152
00:07:35,160 --> 00:07:38,650
ஒரு வழி அதை நன்றாக செய்ய
, CSS, அது உண்மையில் இருக்க செய்ய

153
00:07:38,650 --> 00:07:41,120
ஒரு பெருக்கல் போன்ற
அட்டவணை, அல்லது ஏதாவது

154
00:07:41,120 --> 00:07:43,730
என்று தான் ஒன்றாக சிக்கி
உண்மையான பிரிவு

155
00:07:43,730 --> 00:07:45,532
வரிசைகள் மற்றும் பத்திகள் இடையே.

156
00:07:45,532 --> 00:07:47,490
எனவே மீது தலைமை அனுமதிக்க
, CS50 IDE மற்றும் பாருங்கள்

157
00:07:47,490 --> 00:07:50,780
CSS ஐ, அப்படி, மாற்றங்களை செய்யலாம் எப்படி
முன் நாம் என்ன தொடங்கியது,

158
00:07:50,780 --> 00:07:53,290
மற்றும் அது நிறைய நல்ல ஏதாவது செய்ய.

159
00:07:53,290 --> 00:07:55,650
>> எனவே நாம் CS50 IDE இல் இருக்கிறோம்
இப்போது, மற்றும் அறிமுகமில்லாத என்றால்,

160
00:07:55,650 --> 00:07:58,710
நாம் இந்த இழுக்க வேண்டும்
அட்டவணை HTML பக்கம் என்று.

161
00:07:58,710 --> 00:08:01,090
Table.HTML அடிப்படையில்
வெறும் உள்ளடக்கங்களை வரையறுக்கிறது

162
00:08:01,090 --> 00:08:05,044
ஒரு multiple-- அது இருக்க வேண்டும்
ஒரு நான்கு நான்கு பெருக்கல் வாய்ப்பாடு.

163
00:08:05,044 --> 00:08:06,210
அது மிகவும் நேரடியான தான்.

164
00:08:06,210 --> 00:08:09,410
நாம் அது என்று நினைப்பார்கள்
அழகான நன்றாக ஏற்பாடு இருக்கும்.

165
00:08:09,410 --> 00:08:15,277
ஆனால் உண்மையில், நாம் இந்த பக்கம் முன்னோட்டத்தை போது,
நாங்கள் அதை வகையான அசிங்கமான, வலது என்று பார்க்க?

166
00:08:15,277 --> 00:08:16,860
தெளிவாக நாம் இங்கே வரிசைகள் மற்றும் பத்திகள் வேண்டும்.

167
00:08:16,860 --> 00:08:18,350
அங்கு பிரிப்பு ஒருவித.

168
00:08:18,350 --> 00:08:20,040
ஆனால் அதை ஒரு அர்த்தமுள்ள பிரிப்பு இல்லை.

169
00:08:20,040 --> 00:08:23,105
நாம் உண்மையில் பெறவில்லை
இங்கே அதிகமாக தகவல்.

170
00:08:23,105 --> 00:08:25,730
மற்றும் இடையே எந்த பிரிவு தான்
அடிப்படையில் வரிசை மற்றும் பத்தி

171
00:08:25,730 --> 00:08:28,460
கிடைமட்ட அல்லது செங்குத்து விதிகள்.

172
00:08:28,460 --> 00:08:31,530
நாம் அநேகமாக இந்த செய்ய முடியும்
நல்ல தோற்றம் சிறிது.

173
00:08:31,530 --> 00:08:32,934
எனவே முயற்சி செய்வோம்.

174
00:08:32,934 --> 00:08:34,559
அதனால் நான் இங்கு இந்த தாவல் மூட போகிறேன்.

175
00:08:34,559 --> 00:08:37,434
நான் என் table.HTML மூட போகிறேன்
மற்றும் நான் இங்கே மற்றொரு பதிப்பு வேண்டும்

176
00:08:37,434 --> 00:08:39,490
table2.HTML என்று.

177
00:08:39,490 --> 00:08:40,655
நாம் அந்த திறக்க வேண்டும்.

178
00:08:40,655 --> 00:08:42,530
பக்கம் உடலில் உள்ளது
அழகான அதே,

179
00:08:42,530 --> 00:08:44,238
ஆனால் நான் மாறிவிட்டேன் ஒரு
மேல் சிறிது.

180
00:08:44,238 --> 00:08:47,132
நான் இங்கே மேலே நான்.

181
00:08:47,132 --> 00:08:49,340
நான் இருக்கிறேன், என்று இந்த நேரத்தில் கவனிக்க
பதிக்கப்பட்ட பாணி குறிச்சொற்களை பயன்படுத்தி.

182
00:08:49,340 --> 00:08:53,550
நான் ஒரு பாணி டேக் திறந்து விட்டேன், நான் இப்போது இருக்கிறேன்
உள்ளே ஒரு CSS நடைதாளுடன் வரையறுக்கும்

183
00:08:53,550 --> 00:08:54,310
அது.

184
00:08:54,310 --> 00:08:56,310
நான் அட்டவணை என்று ஒரு நடைதாளுடன் வேண்டும்.

185
00:08:56,310 --> 00:08:58,170
என்று என் டேக் தேர்வுக்குழு தான்.

186
00:08:58,170 --> 00:09:01,340
நான் டாட் அல்லது புல பயன்படுத்தி,
இது நான் என்றால் செய்து விடும்

187
00:09:01,340 --> 00:09:03,710
ஒரு ஐடி அல்லது ஒரு வர்க்கம் தேர்வுக்குழு பயன்படுத்தி இருந்தது.

188
00:09:03,710 --> 00:09:06,190
நான் ஒரு டேக் தேர்வுக்குழு இங்கே அட்டவணை வேண்டும்.

189
00:09:06,190 --> 00:09:10,090
இந்த பாணி போகிறது
ஒவ்வொரு அட்டவணை டேக் பொருந்தும்.

190
00:09:10,090 --> 00:09:14,950
வெளிப்படையாக நான் ஒரு ஒரு வைக்க வேண்டும்
பரந்த பிக்சல், திட நீல எல்லை,

191
00:09:14,950 --> 00:09:15,779
என் மேஜை உள்ளே.

192
00:09:15,779 --> 00:09:18,320
அந்த போன்ற அநேகமாக என்று தெரிகிறது
சரி, நிலைமை உதவி?

193
00:09:18,320 --> 00:09:20,320
நாம் செய்ய போகிறோம்
நிறைய நல்ல இருக்கும்.

194
00:09:20,320 --> 00:09:21,190
எனவே இந்த நன்றாக.

195
00:09:21,190 --> 00:09:23,540
ராஜசிம்மன், நான் போயிருக்கிறேன்
இங்கே என் நடைதாளுடன் பதிக்கப்பட்ட.

196
00:09:23,540 --> 00:09:25,100
அது நிச்சயமாக ஒரு இருக்கிறது
அதை செய்ய வழி,.

197
00:09:25,100 --> 00:09:26,391
இந்த மாதிரி என்ன என்று பார்ப்போம்.

198
00:09:26,391 --> 00:09:29,790
எனவே நான் இங்கே திரும்பி செல்ல, மற்றும் வேண்டும்
நான் என் table2.HTML முன்னோட்டத்தை.

199
00:09:29,790 --> 00:09:32,430

200
00:09:32,430 --> 00:09:36,470
சரி, அந்த, நான் விரும்பினேன் மிகவும் என்ன இல்லை
ஆனால் அதை நாம் கேட்டு சரியாக என்ன.

201
00:09:36,470 --> 00:09:39,530
நாம் இந்த பாணி உள்ளது என்று கூறினார்
எங்கள் அட்டவணை விண்ணப்பிக்க நடக்கிறது.

202
00:09:39,530 --> 00:09:43,810
எங்கள் அட்டவணை இப்போது ஒரு ஒரு பிக்சல் உள்ளது
அதை சுற்றி பரந்த, திட நீல எல்லை.

203
00:09:43,810 --> 00:09:46,237
நாம் உண்மையில் பெறவில்லை
அட்டவணை செல்கள்.

204
00:09:46,237 --> 00:09:47,570
நாம் மேஜையில் வருகிறோம்.

205
00:09:47,570 --> 00:09:49,310
எனவே CSS வேலை.

206
00:09:49,310 --> 00:09:51,890
அது பயன்படுத்தப்படும் ஒரு
எங்கள் அட்டவணை நடைதாளுடன்.

207
00:09:51,890 --> 00:09:53,981
ஆனால் மிகவும் செய்யவில்லை
நாம் என்ன செய்ய வேண்டும்.

208
00:09:53,981 --> 00:09:55,730
நாம் செய்ய பெறுவது எப்படி
நாம் என்ன செய்ய வேண்டும்?

209
00:09:55,730 --> 00:09:59,287
>> சரி, இன்னும் ஒரு பாருங்கள் அனுமதிக்க
table3.HTML இந்த பதிப்பு.

210
00:09:59,287 --> 00:10:00,870
அதனால் நான் இந்த தாவல்கள் மூட போகிறேன்.

211
00:10:00,870 --> 00:10:03,890
நான் இங்கே மீண்டும் மேல் செல்ல போகிறேன் என்
மரம் தாக்கல், மற்றும் table3.HTML திறந்து.

212
00:10:03,890 --> 00:10:07,680

213
00:10:07,680 --> 00:10:10,350
மீண்டும், அதை அழகாக நடக்கிறது
இங்கே ஆரம்பத்தில் ஒத்த.

214
00:10:10,350 --> 00:10:14,460
ஆனால் அறிவிப்பு, இந்த நேரத்தில், அதற்கு பதிலாக பயன்படுத்தி
வலது அங்கு பதிக்கப்பட்ட ஒரு நடைதாளுடன்,

215
00:10:14,460 --> 00:10:18,870
நான் ஒரு இணைக்க போகிறேன்
இணைப்பு டேக் பயன்படுத்தி நடைதாளுடன்.

216
00:10:18,870 --> 00:10:22,480
அதனால் நான் வெளிப்படையாக ஒரு இணைக்கும் என்று நான்
tables.CSS என்று நடைதாளுடன்,

217
00:10:22,480 --> 00:10:25,090
இந்த நன்கு சமகிறது
நடைதாளுடன் தான், நன்றாக means--

218
00:10:25,090 --> 00:10:28,645
இந்த கோப்பு உறவினர் என்ன உனக்கு என்ன
நான் இருக்கிறேன் என்று ஒரு நடைதாளுடன் உள்ளது doing-- இருக்கிறேன்

219
00:10:28,645 --> 00:10:29,821
என் பக்கம் பயன்படுத்தி.

220
00:10:29,821 --> 00:10:32,320
நான் உண்மையில் என்ன பார்க்க வேண்டும் என்றால்
நான், இங்கே CSS செய்து

221
00:10:32,320 --> 00:10:35,010
நான் திறந்த செல்ல வேண்டும்
table.CSS அதே தாக்கல்.

222
00:10:35,010 --> 00:10:37,490
எனவே நாம் இங்கு வழியாக செல்ல வேண்டும்
மீண்டும் எங்கள் கோப்பு மரம்.

223
00:10:37,490 --> 00:10:38,660
Table.CSS இருக்கிறது.

224
00:10:38,660 --> 00:10:40,490
நாம் இது திறந்த பாப் வேண்டும்.

225
00:10:40,490 --> 00:10:43,070
இப்போது நாம் CSS ஒரு சிறிய பார்க்கிறோம்.

226
00:10:43,070 --> 00:10:45,630
வெளிப்படையாக, நான் ஒரு ஜோடி வேண்டும்
விஷயங்களை இங்கே நடக்கிறது.

227
00:10:45,630 --> 00:10:48,950
நான் வெளிப்படையாக ஒரு ஐந்து வைக்க வேண்டும்
பரந்த பிக்சல், திட சிவப்பு எல்லை,

228
00:10:48,950 --> 00:10:50,287
என் அட்டவணை சுற்றி.

229
00:10:50,287 --> 00:10:52,870
நாம் ஏற்கனவே அந்த நடக்கிறது என்று தெரிந்து
வெறும் சுற்றளவு செல்ல.

230
00:10:52,870 --> 00:10:56,180
நாம் table2.HTML என்று பார்த்தேன்.

231
00:10:56,180 --> 00:10:58,770
ஒவ்வொரு வரிசையில் கொண்டு, நான்
வெளிப்படையாக குறிப்பிட வேண்டும்

232
00:10:58,770 --> 00:11:01,950
அந்த வரிசையில் உயரம் 50 பிக்சல்கள் அதிகமாக உள்ளது.

233
00:11:01,950 --> 00:11:05,680
எனவே, ஒவ்வொரு வரிசையில் நினைவில்
என்று, TR டேக் என்ன தான்

234
00:11:05,680 --> 00:11:08,550
நான் அதை 50 பிக்சல்கள் உயர் செய்கிறேன்.

235
00:11:08,550 --> 00:11:09,804
>> இறுதியாக, நான் இந்த கருத்து உள்ளது.

236
00:11:09,804 --> 00:11:11,470
இந்த நாம் CSS இல் கருத்துக்கள் எப்படி உள்ளது.

237
00:11:11,470 --> 00:11:16,174
இது தொகுதி பறிமுதல் போலவே தான்
கருத்துகள் தொடரியல் சாய்வு நட்சத்திர.

238
00:11:16,174 --> 00:11:17,090
நீங்கள் விரும்பும் அனைத்து உரை.

239
00:11:17,090 --> 00:11:19,470
எந்த சாய்வு சாய்வு CSS உள்ள போதிலும், அங்கு தான்.

240
00:11:19,470 --> 00:11:23,400
குறுகிய இன்லைன் கருத்துக்கள், நாம் வேண்டும்
இங்கே இந்த குறிப்பிட்ட வடிவம் பயன்படுத்த.

241
00:11:23,400 --> 00:11:26,830
நான் ஒரு செய்து போல் தெரிகிறது
என் TD குறிச்சொற்களை நிறைய.

242
00:11:26,830 --> 00:11:29,710
TD குறிச்சொற்களை, அல்லது அட்டவணை நினைவில்
உண்மையில் வெறும் இது தரவு,

243
00:11:29,710 --> 00:11:32,210
உள்ளே பத்திகள்
எங்கள் வரிசைகள், மற்றும் வெளிப்படையாக

244
00:11:32,210 --> 00:11:35,090
தரவு ஒவ்வொரு துண்டு
என் அட்டவணையில் உள்ள, நான் வேண்டும்

245
00:11:35,090 --> 00:11:38,850
பின்னணி நிறத்தை அமைக்க
கருப்பு இருக்க, நிறம், வெள்ளை இருக்க வேண்டும்

246
00:11:38,850 --> 00:11:40,320
வண்ண பின்னணி வண்ணம் உள்ளது.

247
00:11:40,320 --> 00:11:42,360
எனவே இந்த போகிறது
என் பக்கம் உரை.

248
00:11:42,360 --> 00:11:45,140
நான் பெரிய எழுத்துரு, 22 வேண்டும்
எழுத்துரு சுட்டி, மற்றும் நான் விரும்பவில்லை

249
00:11:45,140 --> 00:11:47,001
அது, எழுத்துரு குடும்பம் ஜோர்ஜியா இருக்க வேண்டும்.

250
00:11:47,001 --> 00:11:48,750
அதனால் நான் போவதில்லை
இயல்புநிலை எழுத்துரு வேண்டும்.

251
00:11:48,750 --> 00:11:51,820
நான் ஜோர்ஜியா, குறிப்பிட போகிறேன்
அந்த வலை பாதுகாப்பான எழுத்துருக்கள் ஒன்றாகும்

252
00:11:51,820 --> 00:11:53,830
நாம் முன்னர் பார்த்த அந்த.

253
00:11:53,830 --> 00:11:57,284
நான் என் உரை சீரமைக்கப்பட்டது வேண்டும்
மத்திய, பெட்டியின் நடுவில்,

254
00:11:57,284 --> 00:11:59,450
நான் அதை விட்டு விரும்பவில்லை
சீரமைக்கப்பட்டது அல்லது வலது சீரமைக்கப்பட்டது.

255
00:11:59,450 --> 00:12:03,461
நான் என் பத்தியில் அகலம் வேண்டும்
பரந்த 50 அதே பிக்சல்கள் இருக்க வேண்டும்.

256
00:12:03,461 --> 00:12:05,210
தான் ஒரு பார்க்கலாம்
இந்த மாதிரி என்ன,

257
00:12:05,210 --> 00:12:07,470
இந்த ஒருவேளை ஒரு முன்னேற்றம் ஆகும் எனப் பார்ப்போம்.

258
00:12:07,470 --> 00:12:12,890
எனவே நான் table3.HTML, செல்ல போகிறேன்
திரும்ப, ஒரு இணைப்பை table.CSS அடங்கும்

259
00:12:12,890 --> 00:12:14,830
மற்றும் நாம் அதை முன்னோட்டத்தை வேண்டும்.

260
00:12:14,830 --> 00:12:16,800
அந்த உரிமை, நிறைய நல்லது?

261
00:12:16,800 --> 00:12:20,004
இது உண்மையில் ஒரு பார்க்க தொடங்கி உள்ளது
இன்னும் ஒரு பெருக்கல் வாய்ப்பாடு போன்ற நிறைய.

262
00:12:20,004 --> 00:12:21,920
நான் அந்த சிவப்பு எல்லை உண்டு
என் அட்டவணை சுற்றி ஆனால் இப்போது

263
00:12:21,920 --> 00:12:26,700
நான் கூட அந்த குறிப்பிட்ட
ஒவ்வொரு வரிசையில், 50 பிக்சல்கள் அகலம்

264
00:12:26,700 --> 00:12:30,220
அல்லது அது tall-- தவிர்க்கவும் 50 பிக்சல்கள்
me-- ஒவ்வொரு நிரல் 50 பிக்சல்கள் அளவில் உள்ளது.

265
00:12:30,220 --> 00:12:34,251
ஒவ்வொரு கட்டத்திலும் தரவு, மற்றும் மட்டும்
தரவு, ஒரு கருப்பு பின்னணியில் உள்ளது.

266
00:12:34,251 --> 00:12:36,000
அதனால் ஏன் அந்த இருக்கிறது
வெள்ளை கோடுகள் உள்ளன.

267
00:12:36,000 --> 00:12:38,836
விண்வெளியில் ஏனெனில்
அந்த செல்கள் அனைத்து இடையே,

268
00:12:38,836 --> 00:12:40,710
அது ஒரு எல்லை தாண்டிய இல்லை
மற்றும் தன்னை, அது தான்

269
00:12:40,710 --> 00:12:43,170
நான் மட்டும் நிரப்புவதற்கு நான்
செல்கள், உண்மையில் இது

270
00:12:43,170 --> 00:12:46,310
அட்டவணை எல்லைகள், எதில்
வெளிப்படையாக, அனைத்து சேர்ந்து அது நீடித்தது

271
00:12:46,310 --> 00:12:47,887
வெறும் மெல்லிய வெள்ளை கோடுகள் இருந்தது.

272
00:12:47,887 --> 00:12:48,720
இப்போது அவர்கள் தோன்றும்.

273
00:12:48,720 --> 00:12:50,380
இப்போது அவர்கள் திரையில் ஆஃப் பாப்.

274
00:12:50,380 --> 00:12:52,920
எனவே இந்த ஒரு மிக எளிய ஆகிறது
நான் பயன்படுத்தப்படும் என்று நடைதாளுடன்,

275
00:12:52,920 --> 00:12:56,850
இப்போது என் அட்டவணை இன்னும் போன்ற நிறைய இருக்கிறது
ஒரு நான்கு நான்கு மூலம் பெருக்கல் வாய்ப்பாடு,

276
00:12:56,850 --> 00:13:00,950
அதற்கு பதிலாக ஒரு வெறும் சரிசெய்யவேண்டும் குழப்பம், அங்கு
எல்லாம் தெளிவாக வரிசை மற்றும் பத்தி உள்ளது,

277
00:13:00,950 --> 00:13:03,717
ஆனால் சூப்பர் நன்றாக ஏற்பாடு.

278
00:13:03,717 --> 00:13:06,800
நாம் உண்மையிலேயே ஒரு மேற்பரப்பில் அரிப்பு
நீங்கள் இங்கே CSS கொண்டு என்ன செய்ய முடியும்.

279
00:13:06,800 --> 00:13:10,330
அதிர்ஷ்டவசமாக CSS ஆவணம்
மிகவும் நேர்மையானவன்.

280
00:13:10,330 --> 00:13:14,000
நீங்கள் பல பயன்படுத்த வேண்டும் அதன்
மிகவும் அடிக்கடி காரணம் காட்டுகிறது.

281
00:13:14,000 --> 00:13:16,087
நாம் பற்றி பேசினார் தான்
இந்த வீடியோ.

282
00:13:16,087 --> 00:13:18,170
நீங்கள் பல உள்ளன
அநேகமாக அனைத்து பயன்படுத்த மாட்டேன்.

283
00:13:18,170 --> 00:13:19,469
மற்றும் அது கூட, நன்றாக இருக்கிறது.

284
00:13:19,469 --> 00:13:22,010
ஆனால் ஒரு இருக்கிறது என்று தெரியும்,
அங்கு ஆவணங்கள் நிறைய.

285
00:13:22,010 --> 00:13:25,110
நாங்கள் எல்லாம் மறைக்க வில்லை என்றால்,
நீங்கள் நிச்சயமாக உங்கள் சொந்த விட்டு.

286
00:13:25,110 --> 00:13:26,780
ஆனால் CSS மிகவும் வேடிக்கையாக உள்ளது
கொண்டு சோதனை.

287
00:13:26,780 --> 00:13:29,040
நான் கடுமையாக நீங்கள் ஊக்குவிக்க வேண்டும்
உங்கள் இணைய பக்கங்களை சுற்றி விளையாட,

288
00:13:29,040 --> 00:13:32,180
மற்றும் நீங்கள் அவர்களை எப்படி செய்ய முடியும் என்று பார்க்க
பார்க்க மற்றும் பயனர் மேம்படுத்த நினைக்கிறேன்

289
00:13:32,180 --> 00:13:34,790
உங்கள் பக்கம் சென்று அனுபவம்.

290
00:13:34,790 --> 00:13:35,710
நான் டக் லாயிட் இருக்கிறேன்.

291
00:13:35,710 --> 00:13:37,980
இந்த CS50 உள்ளது.

292
00:13:37,980 --> 00:13:40,151