1
00:00:00,000 --> 00:00:05,660
>> [موسیقی]

2
00:00:05,660 --> 00:00:08,740
>> داگ لوید: بنابراین اجازه دهید یک نگاهی
ویدیو در مورد یک زبان بیشتر صحبت کنیم.

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
آن هر نوع از آن را نداشته باشند
چیز مربوط به این جریان که C.

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
شما می توانید کلمات کلیدی، مانند اضافی استفاده کنید،
فوق العاده کوچک، و یا خیلی خیلی کوچک خیلی، و یا متوسط،

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
ما قصد داریم در مورد آن صحبت
here-- برای تعریف یک فونت بسیار خاص

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
در حال حاضر، بار جدید روم، فونت Arial،
پیک جدید، گرجستان، فونت، 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
با زواید حروف مختلف، و این همه
مسائل فونت ما نمی خواهد به دریافت،

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
در نهایت، شما می توانید متن خود را چین،
به جای آن که به صورت پیش فرض تراز وسط قرار دارد

105
00:05:07,070 --> 00:05:09,310
به سمت چپ، شما می توانید از
تراز آن به سمت راست،

106
00:05:09,310 --> 00:05:13,740
یا شما می توانید تراز آن محور، و یا
توجیه به طوری که آن ضربه هر دو حاشیه.

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
ما قبلا دیدم تگ body
انتخاب، انتخاب و برچسب

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
سلکتور به نظر می رسد بسیار مشابه است.

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
این نوع مانند معادل
کد: #include برای برنامه نویسی وب.

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
من یک جدول here-- تگ انتخاب.

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
و یا آن را 50 پیکسل tall-- بهانه ای
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