1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID馬蘭：所以我一直在努力
在此搜索引擎

3
00:00:01,970 --> 00:00:03,480
看起來像這樣。

4
00:00:03,480 --> 00:00:07,580
我似乎有一個名為CS50標題
搜索，下面是一個HTML表單，

5
00:00:07,580 --> 00:00:10,430
其內部是一個輸入，其
類型是文本，另一個輸入

6
00:00:10,430 --> 00:00:12,260
其類型為提交。

7
00:00:12,260 --> 00:00:15,400
現在讓我們來看看相關
源代碼頁面。

8
00:00:15,400 --> 00:00:20,180
>> 在這裡搜索2.HTML，請注意，我
的確有一個標題的形式

9
00:00:20,180 --> 00:00:23,260
頭，以及在體內
與它周圍的一個h1標籤。

10
00:00:23,260 --> 00:00:26,490
我有一個HTML表單，並
然後這兩個輸入。

11
00:00:26,490 --> 00:00:30,650
但通知中特別是在身體上
標籤，我聲明了一個風格

12
00:00:30,650 --> 00:00:35,770
屬性的值是文本對齊：
中心;，從而確定所有

13
00:00:35,770 --> 00:00:38,390
此頁面上的文字應該是
在中心對準。

14
00:00:38,390 --> 00:00:41,700
>> 現在，這個工程完全正確，
但它是一個有點馬虎。

15
00:00:41,700 --> 00:00:43,900
你真的不能告訴盡可能多的
因為這個頁面是相當

16
00:00:43,900 --> 00:00:44,960
小的時刻。

17
00:00:44,960 --> 00:00:47,520
但想像一下，如果這一頁
越來越長和

18
00:00:47,520 --> 00:00:49,180
更長，更複雜。

19
00:00:49,180 --> 00:00:53,960
>> 請注意，我所採用的模式
這裡是我的交融美學

20
00:00:53,960 --> 00:00:57,380
與頁面的結構
通過使用樣式屬性。

21
00:00:57,380 --> 00:01:00,540
長話短說，這是不是最好的
設計，肯定為你的網頁增加

22
00:01:00,540 --> 00:01:02,010
更為複雜。

23
00:01:02,010 --> 00:01:05,830
更好的設計是將分解出
該風格化，並把它的某個地方

24
00:01:05,830 --> 00:01:09,730
中央，比如不能在樣式
屬性，但在樣式標籤，

25
00:01:09,730 --> 00:01:13,310
特別是一個風格裡面的標籤
我的網頁的head標籤。

26
00:01:13,310 --> 00:01:14,830
讓我們這樣做。

27
00:01:14,830 --> 00:01:18,160
>> 首先，讓我們就在這裡刪除
這種風格屬性完全。

28
00:01:18,160 --> 00:01:22,420
然後備份在我的網頁的頭，讓我們
聲明樣式的標籤，並關閉它在

29
00:01:22,420 --> 00:01:24,620
同一時間，所以不
別忘了以後。

30
00:01:24,620 --> 00:01:28,120
然後讓我們指定的體
當前頁的應當具有的CSS

31
00:01:28,120 --> 00:01:32,040
文本對齊的屬性為中心。

32
00:01:32,040 --> 00:01:35,320
現在讓我們保存此頁面，重新加載
瀏覽器，看看效果是什麼。

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> 重裝在我的瀏覽器 - 

35
00:01:40,510 --> 00:01:41,570
沒有任何影響。

36
00:01:41,570 --> 00:01:43,110
但沒有效果的目的。

37
00:01:43,110 --> 00:01:45,150
我們只是簡單地提高
此頁面的設計。

38
00:01:45,150 --> 00:01:47,606