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