1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> 演讲嘉宾：所以，它实际上不是最好的
设计交融的CSS和HTML。

3
00:00:04,840 --> 00:00:08,700
相反，它是最好分解出您的
CSS的，把它放在中部，

4
00:00:08,700 --> 00:00:11,430
不知它适用于
标签在你的网页。

5
00:00:11,430 --> 00:00:15,290
要做到这一点，我们就可以真正停止
使用样式属性，而不是

6
00:00:15,290 --> 00:00:19,290
使用Style标记，属于在
头一个网页的旁边，为

7
00:00:19,290 --> 00:00:20,700
例如，你的标题。

8
00:00:20,700 --> 00:00:24,400
>> 让我们给这一个尝试，重新实现
约翰·哈佛的主页

9
00:00:24,400 --> 00:00:26,410
使用样式标记。

10
00:00:26,410 --> 00:00:28,930
我已经得到我们开始
这里有三个div的供

11
00:00:28,930 --> 00:00:30,260
约翰·哈佛的网页。

12
00:00:30,260 --> 00:00:33,990
但是，让我们现在先上去这首
格，并添加一个新的属性，

13
00:00:33,990 --> 00:00:38,680
即ID，并指定一个唯一的
识别这个特定的div

14
00:00:38,680 --> 00:00:42,390
应，例如，报价引文
“顶部”，一个任意的名称，但

15
00:00:42,390 --> 00:00:45,840
描述在这个分区是
确实在我的网页的顶部。

16
00:00:45,840 --> 00:00:48,920
>> 在接下来的div，让我们给它一个
报价引文结束的不同的ID

17
00:00:48,920 --> 00:00:54,080
“中间”，让我们给第三格
的报价引文结束一个ID“垫底”。我们

18
00:00:54,080 --> 00:00:57,740
现在有三个唯一标识符
这是我们可以应用一些CSS

19
00:00:57,740 --> 00:01:01,210
性能，但首先，让我们回归
这个页面的头部。

20
00:01:01,210 --> 00:01:04,760
以上只是这里的称号，我会
继续前进，定义样式

21
00:01:04,760 --> 00:01:07,120
然后关闭风格。

22
00:01:07,120 --> 00:01:10,340
>> 在这里面，现在，我要去定义
一些CSS属性，即

23
00:01:10,340 --> 00:01:14,550
同那些我以前曾在风格
属性，但在这里，他们将

24
00:01:14,550 --> 00:01:16,320
集中定义。

25
00:01:16,320 --> 00:01:20,880
要做到这一点，我要去指定英镑
符号其次是顶部，从而

26
00:01:20,880 --> 00:01:24,710
指定下面的CSS
性质应适用于任何

27
00:01:24,710 --> 00:01:28,800
HTML元素具有独特的
标识符顶部。

28
00:01:28,800 --> 00:01:32,240
我那么将会有一些开放，
封闭的大括号，和我要去

29
00:01:32,240 --> 00:01:39,170
指定，也就是说，字体大小应为36
像素，字体粗细应为粗体。

30
00:01:39,170 --> 00:01:41,810
>> 为了保持干净的东西，我把每个
现在自己的这些属性

31
00:01:41,810 --> 00:01:44,610
线，但是这只是一个
文体惯例。

32
00:01:44,610 --> 00:01:47,830
低于这个，现在让我们再定义
选择器，可以这么说。

33
00:01:47,830 --> 00:01:52,680
这其中对于具有HTML标记
中间的唯一标识符。

34
00:01:52,680 --> 00:01:57,540
而在这里，让我们来指定字体大小
中的24个像素，低于该另一

35
00:01:57,540 --> 00:02:01,520
选择器底部和内
那，让我们来指定

36
00:02:01,520 --> 00:02:03,850
的12像素的字体大小。

37
00:02:03,850 --> 00:02:09,350
>> 现在，让我们保存，更改权限
上，并在浏览器中加载该页面，

38
00:02:09,350 --> 00:02:14,230
存取权限chmod a加r CSS-1.HTML。

39
00:02:14,230 --> 00:02:22,260
让我们打开浏览器并访问
http://localhost/css-1.html。

40
00:02:22,260 --> 00:02:22,960
不坏。

41
00:02:22,960 --> 00:02:26,930
正是因为我打算，但我想
走一步算一步，现在和

42
00:02:26,930 --> 00:02:29,050
中心的约翰·哈佛的文字。

43
00:02:29,050 --> 00:02:32,080
我们可以这样做，我可以换的
在一个div整个页面，因为我

44
00:02:32,080 --> 00:02:33,800
做一个早期的例子。

45
00:02:33,800 --> 00:02:37,820
或者，我可以更聪明，并认识到
所有这些div都是内部

46
00:02:37,820 --> 00:02:42,420
我的网页的身体，所以为什么不适用
一个或多个CSS属性到主体

47
00:02:42,420 --> 00:02:43,850
标签本身？

48
00:02:43,850 --> 00:02:45,460
>> 要做到这一点，让我们做到这一点。

49
00:02:45,460 --> 00:02:47,650
让我们再回到这里的gedit。

50
00:02:47,650 --> 00:02:52,460
让我们回到前面的风格标签，
并让我们指定一个选择器只是

51
00:02:52,460 --> 00:02:54,520
使用该标签的名字，身体。

52
00:02:54,520 --> 00:03:00,580
下面说，让我们把我们的大括号
其次是文本对齐中心。

53
00:03:00,580 --> 00:03:05,580
现在让我们保存页面并重新加载
它是浏览器的内部。

54
00:03:05,580 --> 00:03:08,090
刷新在Chrome中，瞧。

55
00:03:08,090 --> 00:03:11,000
我们现在有约翰·哈佛的页面
中心作为我们预期。

56
00:03:11,000 --> 00:03:12,619