1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID馬蘭：所以我一直在做
我自己的搜索引擎。

3
00:00:01,900 --> 00:00:04,100
而此刻，它看起來像這樣。

4
00:00:04,100 --> 00:00:05,265
我這裡有本頁面的標題。

5
00:00:05,265 --> 00:00:06,580
這是CS50搜索。

6
00:00:06,580 --> 00:00:10,380
我有一個HTML表單，其中內
似乎是一個輸入，其類型為

7
00:00:10,380 --> 00:00:13,650
文本和其它輸入
其類型為提交。

8
00:00:13,650 --> 00:00:17,180
>> 如果我們現在來看看源
此頁，請注意，的確，我們

9
00:00:17,180 --> 00:00:20,260
有一個h1和標題標籤，
被輸送，這

10
00:00:20,260 --> 00:00:22,020
的確CS50搜索。

11
00:00:22,020 --> 00:00:25,940
我們有一個表單標記，指定的
該表格應提交

12
00:00:25,940 --> 00:00:27,140
我們的朋友在谷歌。

13
00:00:27,140 --> 00:00:30,430
而這種形式裡面，我們有
這兩種輸入類型。

14
00:00:30,430 --> 00:00:33,770
>> 但現在發現對的頂部
頁面，該頁面的頭部的裡面，

15
00:00:33,770 --> 00:00:36,750
有一個風格的標籤，裡面
這是一個CSS屬性

16
00:00:36,750 --> 00:00:38,570
該頁面的主體。

17
00:00:38,570 --> 00:00:41,580
如果有什麼，不過，我們想
讓所有對齊文本

18
00:00:41,580 --> 00:00:43,050
在多個頁面？

19
00:00:43,050 --> 00:00:46,640
換句話說，我想重用這個
CSS屬性再，再而三

20
00:00:46,640 --> 00:00:50,030
在不同的網頁，所有的
其中有body標籤？

21
00:00:50,030 --> 00:00:53,660
嗯，我當然可以複製和粘貼
CSS的到每一頁，但

22
00:00:53,660 --> 00:00:57,730
它會是更好的設計來考慮此因素
出到一些中央文件，然後

23
00:00:57,730 --> 00:01:01,100
不知何故包括所有的文件
這些頁面，這樣如果我想

24
00:01:01,100 --> 00:01:04,840
做出改變和調整我的文字
左對齊或我的文字在右邊，我

25
00:01:04,840 --> 00:01:07,220
可以更容易地做到這一點。

26
00:01:07,220 --> 00:01:08,860
讓我們嘗試做到這一點。

27
00:01:08,860 --> 00:01:12,520
>> 首先，讓我們切出這
風格標籤乾脆。

28
00:01:12,520 --> 00:01:16,820
現在讓我們打開一個文件名為，
比如，搜索3.css，並將該

29
00:01:16,820 --> 00:01:18,970
相同的CSS在這個文件中。

30
00:01:18,970 --> 00:01:23,500
體都將有
文本對齊：中心;。

31
00:01:23,500 --> 00:01:24,760
讓我們來保存該文件。

32
00:01:24,760 --> 00:01:30,950
>> 現在，讓我們回到搜索 -  3.HTML和，
在頭部再次，添加一個鏈接標籤

33
00:01:30,950 --> 00:01:33,630
指定一個超參考
的搜索3.css。

34
00:01:33,630 --> 00:01:38,650
CSS和讓我們指定的關係
該文件與本

35
00:01:38,650 --> 00:01:41,880
頁面是作為其樣式表。

36
00:01:41,880 --> 00:01:44,840
現在，讓我們關閉這個標籤，保存
的文件，重裝

37
00:01:44,840 --> 00:01:46,910
此頁面在瀏覽器中。

38
00:01:46,910 --> 00:01:49,700
>> 重新調整它在文本
左彷彿CSS

39
00:01:49,700 --> 00:01:50,905
財產甚至沒有被應用。

40
00:01:50,905 --> 00:01:53,020
現在為什麼會這樣呢？

41
00:01:53,020 --> 00:01:54,590
讓我們來看看
文件的權限 - 

42
00:01:54,590 --> 00:01:58,630
而不是HTML文件的權限，
但CSS文件的權限。

43
00:01:58,630 --> 00:02:02,740
>> 回到這裡在gedit中，讓我們深入到
在終端窗口並輸入ls-l的

44
00:02:02,740 --> 00:02:04,720
搜索3.css。

45
00:02:04,720 --> 00:02:09,810
嗯，確實，即使我，該文件的
老闆，可以讀取和寫入這個文件，

46
00:02:09,810 --> 00:02:11,110
沒有人可以讀取它。

47
00:02:11,110 --> 00:02:17,570
但是，我們可以用chmod A + R解決這個問題
搜索3.css，現在讓我們重新執行

48
00:02:17,570 --> 00:02:20,970
ls-l的搜索3.css- - 

49
00:02:20,970 --> 00:02:21,910
並要好得多。

50
00:02:21,910 --> 00:02:24,380
現在整個世界都
閱讀本文件。

51
00:02:24,380 --> 00:02:26,950
>> 讓我們回到瀏覽器，重新加載。

52
00:02:26,950 --> 00:02:29,220
瞧，我們又回到了一個居中
搜索引擎。

53
00:02:29,220 --> 00:02:32,450
當然，這是我們的開始
故事，用我們的文字已經居中。

54
00:02:32,450 --> 00:02:36,000
但是，什麼是更好的設計，現在是，
我們已經排除了CSS的成

55
00:02:36,000 --> 00:02:39,690
中央一號文件，某個地方，我們可以再
包括在其他的網頁，

56
00:02:39,690 --> 00:02:41,580
我們可能會發生，使在未來。

57
00:02:41,580 --> 00:02:45,430
所以，如果我們要recenter或
restylize更一般我們的網頁，我們

58
00:02:45,430 --> 00:02:48,570
可以做到這一點很簡單
一個集中的地方。

59
00:02:48,570 --> 00:02:50,902