1
00:00:00,000 --> 00:00:00,290

2
00:00:00,290 --> 00:00:03,310
>> 演讲嘉宾：原来，HTML是不
您可以使用里面的唯一语言

3
00:00:03,310 --> 00:00:03,895
一个网页。

4
00:00:03,895 --> 00:00:08,100
您可以使用一种叫做CSS或
层叠样式表，以及。

5
00:00:08,100 --> 00:00:12,120
CSS允许你指定多
一个web正是美学

6
00:00:12,120 --> 00:00:16,930
页面，包括布局和大小，
颜色和字体等等。

7
00:00:16,930 --> 00:00:20,820
例如，让我们创建一个网页
这里所说的CSS0一个代表

8
00:00:20,820 --> 00:00:22,740
主页上，比如说，约翰·哈佛。

9
00:00:22,740 --> 00:00:25,480
>> 在这个页面，我们将有约翰·哈佛的
命名，在其下会

10
00:00:25,480 --> 00:00:28,500
他的观众一个不错的消息，下面
这将是一个页脚，用

11
00:00:28,500 --> 00:00:30,590
说，一些版权信息。

12
00:00:30,590 --> 00:00:34,650
要做到这一点，让我们定义三个部门
用于使用标签的页面

13
00:00:34,650 --> 00:00:35,670
叫格。

14
00:00:35,670 --> 00:00:43,880
打开支架的div，约翰哈佛，接近
架格，另一个打开支架的div，

15
00:00:43,880 --> 00:00:48,330
现在我们将指定的东西
喜欢，欢迎到我的主页！

16
00:00:48,330 --> 00:00:50,420
并让我们关闭这个分区，也是如此。

17
00:00:50,420 --> 00:00:53,700
>> 现在第三次也是最后
格，版权。

18
00:00:53,700 --> 00:00:58,250
刚刚被看中，让我现在使用的HTML
实体，代表一个符号

19
00:00:58,250 --> 00:01:01,140
一个字，你不能以其他方式
输入您的键盘上。

20
00:01:01,140 --> 00:01:07,490
特别是，我该怎么办
符号，英镑，169，分号。

21
00:01:07,490 --> 00:01:10,620
原来，是数字代码
对于版权符号。

22
00:01:10,620 --> 00:01:14,260
那么让我们来指定约翰·哈佛
这里在底部。

23
00:01:14,260 --> 00:01:17,180
让我们关闭div和保存文件。

24
00:01:17,180 --> 00:01:18,910
>> 现在，什么是这个div标签？

25
00:01:18,910 --> 00:01:21,970
div标签简单地定义了一个师
的页面，它本质上是一

26
00:01:21,970 --> 00:01:23,310
矩形区域。

27
00:01:23,310 --> 00:01:26,850
所以在这个时刻，我有三个
矩形区域，一个在顶部

28
00:01:26,850 --> 00:01:27,620
其他的。

29
00:01:27,620 --> 00:01:30,610
所以现在，效果几乎一样
虽然我有三段。

30
00:01:30,610 --> 00:01:33,490
但我们不会看到相当多
空白在他们之间。

31
00:01:33,490 --> 00:01:36,170
>> 让我们来保存这个文件，更改其
权限，看一看了

32
00:01:36,170 --> 00:01:37,990
此刻在Chrome。

33
00:01:37,990 --> 00:01:43,040
存取权限chmod a + R CSS0.html。

34
00:01:43,040 --> 00:01:52,440
现在，让我们打开Chrome和访问
http://localhost.CSS0.html。

35
00:01:52,440 --> 00:01:54,630
事实上，这里有一个主页
约翰·哈佛。

36
00:01:54,630 --> 00:01:59,370
现在，让我们风格化这一点更
正是使用一些CSS。

37
00:01:59,370 --> 00:02:03,510
>> 早在gedit中，让我们进入这个
第一个div标签，并添加样式

38
00:02:03,510 --> 00:02:11,060
指定的属性，我想一个
的，例如字体大小，36个像素，或像素。

39
00:02:11,060 --> 00:02:15,650
我想这个字体的粗细
要大胆而不是默认的，

40
00:02:15,650 --> 00:02:16,980
这是正常的。

41
00:02:16,980 --> 00:02:21,170
对于第二个div，让我们指定
具有另一种风格属性

42
00:02:21,170 --> 00:02:25,550
的24像素的字体大小，因此
稍微小了一点。

43
00:02:25,550 --> 00:02:28,410
分号后关闭引号。

44
00:02:28,410 --> 00:02:33,255
>> 最后，在第三格，让我们做
风格等于报价，字体大小和

45
00:02:33,255 --> 00:02:35,340
比方说，12个像素这段时间。

46
00:02:35,340 --> 00:02:37,280
分号后关闭的报价。

47
00:02:37,280 --> 00:02:40,200
请注意，那时，我似乎有
对于指定了位程式化的

48
00:02:40,200 --> 00:02:43,770
每一个使用这三个div的，
事实证明，CSS。

49
00:02:43,770 --> 00:02:47,820
事实上，你在看语法
这些双引号之间是CSS，

50
00:02:47,820 --> 00:02:50,620
具体的CSS属性
与值。

51
00:02:50,620 --> 00:02:53,910
而对于第一个标签，在那里我有
两个这样的属性，字体大小和

52
00:02:53,910 --> 00:02:57,290
字体粗细，我只是分开
用分号。

53
00:02:57,290 --> 00:02:59,940
>> 现在，只是风格的缘故，我
在还包含分号

54
00:02:59,940 --> 00:03:00,880
每一行的末尾。

55
00:03:00,880 --> 00:03:04,270
但他们不是绝对必要的，
特别是当你只有一个

56
00:03:04,270 --> 00:03:05,580
属性定义。

57
00:03:05,580 --> 00:03:08,370
现在让我们保存文件并重新加载
在Chrome浏览器，看看有什么

58
00:03:08,370 --> 00:03:11,000
净效应是。

59
00:03:11,000 --> 00:03:13,470
早在Chrome浏览器在这里，
让我们点击刷新。

60
00:03:13,470 --> 00:03:15,800
>> 现在我们有一个稍微更有趣
约翰主页

61
00:03:15,800 --> 00:03:19,000
哈佛，由此与该第一线
他的名字，这是这里面

62
00:03:19,000 --> 00:03:23,470
第一个div，是36像素高，还
粗体字，由此，第二行，

63
00:03:23,470 --> 00:03:27,340
这是在第二个div，是24
像素高，但不是黑体。

64
00:03:27,340 --> 00:03:31,500
并由此在该第三第三行
格为12像素高，还

65
00:03:31,500 --> 00:03:32,610
没有黑体字。

66
00:03:32,610 --> 00:03:35,380
但是假设我现在想转移
这一切的文字超过

67
00:03:35,380 --> 00:03:36,650
这样，它的中心。

68
00:03:36,650 --> 00:03:40,480
>> 我可以使每一个个体的
的div作为为中心。

69
00:03:40,480 --> 00:03:45,330
但更容易，可能我的包裹
第四个div中3的div，一个

70
00:03:45,330 --> 00:03:49,360
父分区，可以这么说，并指定
那该div及其所有

71
00:03:49,360 --> 00:03:52,610
后人应该是
文本对齐中心？

72
00:03:52,610 --> 00:03:54,120
让我们一起来看看。

73
00:03:54,120 --> 00:03:58,510
>> 里面的gedit，让我们回到我
体，并添加一个新的div了顶配

74
00:03:58,510 --> 00:04:04,460
格，风格等于报价引文结束
文本对齐市中心，靠近

75
00:04:04,460 --> 00:04:06,250
分号后引述。

76
00:04:06,250 --> 00:04:10,280
现在，让我们继续前进，所有缩进
那些我们以前键入行。

77
00:04:10,280 --> 00:04:15,040
以下是第三格，让我们
关闭这个新的div。

78
00:04:15,040 --> 00:04:18,829
>> 换句话说，因为这三个
原来的div现在的孩子，所以要

79
00:04:18,829 --> 00:04:22,110
讲一个新的父div的，我已经
指定我想对齐

80
00:04:22,110 --> 00:04:26,140
在该中心的父div的文本
页面，该属性将

81
00:04:26,140 --> 00:04:28,290
继承了所有这些孩子。

82
00:04:28,290 --> 00:04:32,370
事实上，让我们保存文件并
走在浏览器中看看。

83
00:04:32,370 --> 00:04:34,650
让我们重新在Chrome。

84
00:04:34,650 --> 00:04:37,540
我们在那里有它，一个更漂亮
主页约翰哈佛。

85
00:04:37,540 --> 00:04:39,872