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