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
Well, మా వెబ్ శరీరం దరఖాస్తు
శరీరం టాగ్లు మధ్య పేజీ, ప్రతిదీ

27
00:01:15,470 --> 00:01:19,631
మా HTML, మరియు అది అమర్చుతుంది
నీలం ఆ పేజీ యొక్క నేపథ్య రంగు.

28
00:01:19,631 --> 00:01:21,130
Well, ఇది చాలా సులభమైన శైలి ఉంది.

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
Well మొదటి, మేము కలిగి
ఒక సెలెక్టర్ గుర్తిస్తాయి.

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
Well, బహుశా మీరు ఉంచాలి కావలసిన
ఏదో చుట్టూ సరిహద్దు.

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
ఉంగరాల లైన్ అవుతుంది ఒక RIDGE లైన్.

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 అండ్ బి
ఎరుపు, ఆకుపచ్చ, నీలం మరియు భాగం.

64
00:03:08,500 --> 00:03:10,590
కాబట్టి మేము పేర్కొనవచ్చు
మేము ద్వారా కావలసిన ఏ రంగు,

65
00:03:10,590 --> 00:03:15,520
బదులుగా నీలం లేదా ఆకుపచ్చ లేదా నలుపు ఉపయోగించి యొక్క,
పౌండ్ ఉపయోగించి మరియు hex అప్పటి ఆరు అంకెలు,

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
మరియు మీరు అదేవిధంగా అలా
ముఖ్య పదం మరియు లేదా ఆరు digit hex తో.

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
మరియు మీరు Microsoft యొక్క వినియోగదారు ఉంటే
గత 20 సంవత్సరాలలో ఆఫీసు,

95
00:04:36,352 --> 00:04:38,810
మీరు బహుశా తెలిసి
ఈ వెబ్ సురక్షితంగా ఫాంట్లు చాలా

96
00:04:38,810 --> 00:04:44,640
ఇప్పటికే, టైమ్స్ న్యూ రోమన్, ఏరియల్,
న్యూ, జార్జియా, Tahoma, 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
ఎడమ, మీరు అనుకొనుట
కుడి సమలేఖనం,

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
కానీ మీరు కూడా ఏదో ఒకటి చెయ్యాలి
ఒక ID సెలెక్టర్ అని.

114
00:05:32,660 --> 00:05:34,390
ఒక ID సెలెక్టర్ అందంగా పోలి ఉంది.

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
కానీ మేము దాని గురించి మాట్లాడరు,
ఒక ID ట్యాగ్ అని ఏదో ఉంది.

121
00:05:51,440 --> 00:05:55,250
కాబట్టి ఈ ప్రత్యేక CSS చేస్తాను
మాత్రమే కలిగి HTML టాగ్ దరఖాస్తు

122
00:05:55,250 --> 00:05:58,530
చాలా నిర్దిష్ట ID మీరు అనే చేసిన.

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
ID, ఈ ఏకైక సమానం
ప్రత్యేక శైలి

126
00:06:09,060 --> 00:06:15,030
ఇక్కడ మాత్రమే మధ్య వర్తిస్తాయని
ఏకైక ID ఆ ట్యాగ్.

127
00:06:15,030 --> 00:06:17,180
>> మీరు కూడా ఏదో ఒకటి చెయ్యాలి
ఒక తరగతి సెలెక్టర్ అని.

128
00:06:17,180 --> 00:06:19,920
కలిగి పాటు కాబట్టి
ID మీరు కూడా, లక్షణాలను

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
ఒక ID లేదా ఒక తరగతి సెలెక్టర్ ఉపయోగించుకున్నారు.

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
Well, నేను కోరుకున్నాడు చాలా ఏమి కాదు
కానీ అది మేము అడిగారు సరిగ్గా ఏమిటి.

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
ఈ ఫైలు సాపేక్ష ఏమిటి
నేను ఉన్నాను ఒక శైలి ఉంది చేస్తూ ఉన్నాను

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 పిక్సెళ్ళు వార్తలు
నాకు ప్రతి కాలమ్ 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