第十章 盒模式 与元素亲密接触

1、调整整个页面中文本的行间距， 这样可以增加行间的垂直距离：line-height:1.6em

2、每个元素是一个盒子，每个盒子由内容区及可选的补白，边框，和边办组成。

3、内容 区包括内容，内容区周围是可选，透明的补白。注意内容区的内容和盒子边缘之间没有空白。

4、在盒子的内容和边框之间创建可视的空白。注意补白把内容区和边框分隔开了

5、可选的边框可以放在补白周围，边框可以有各种宽度、颜色和样式。

6、可选、透明的边界包围着所有东西。

7、这是整个元素，最里面的内容区，被可选的补白包围着，又围了一层可选的边框，最外一层是可选的边界。

8、padding: 25px;可以用它在内容周围设置相同大小的补白。

9、margin:25px  添加一些边界

10、background-image属性给任何元素添加背景图像。还有两个属性也能影响背景图像：background-position和background-repeat。

11、background-repeat:no-repeat;让背景图像不重复；用来控制这种平铺效果。background-repeat: repeat；把图像设置为在水平和垂直方向上都重复，这是默认的格式。

no-repeat图像只显示一次，不重复；  repeat-X 图像只在水平方向上重复；

repeat-Y图像只在垂直方向上重复；    inherit 继承父元素的值。

12、background-position: top left;想把它放在左上角。这个用来设置图像的位置，

13、padding-left: 80px;用它来增加左侧的补白。

14、margin-right:250px;只在右侧增加边界

15、border-style: dashed;把边框从实线改成虚线；border-color:white; 把边框颜色从黑色变成了白色。这两个可以让边框看起来有锯齿边效果。

16、当你想应用一种样式到多个元素时就用类，如果你需要应用样式的只是一个元素并且页面上只有一个，就用id.

17、id=”footer”每个元素只能有一个id,id名称必须以字母打头，后跟数字或字母，不允许有空格或特殊字体。一个元素不能有多个id,而且同一页面中不能有一个以上的元素用同一个id.类跟id之间的唯一不同的是id选择符只跟一个页面中的一个元素匹配。

18、样式表的顺序很重要，它们从上到下排列，最下面的样式表优先权最高。

19、media=”screen”这个属性可以用来定义应用这个样式表的设备类型。

20、css用盒模式控制元素显示的方式。

21、盒子由内容区和可选的补白、边框和边界组成。

22、内容区是元素的内容。

23、补白用来在内容区周围创建可见的空间。

24、边框包围着补白和内容，是可见的，将内容分隔开。

25、边界包围着边框、补白、和内容，用来在元素和元素之间添加空间。

26、补白、边框和边界都是可选的。

27、元素的背景可以在内容和补白底下显示，但不能延伸到边界。

28、可以用像素或百分数设置补白和边界的尺寸。

29、可以用像素或关键字thin、medium和thick设置边框宽度。

30、边框有8种不同的样式，包括solid、dashed、dotted和ridge.

31、设置边界、补白或边框时，CSS提供同时设置各个侧面的属性（上，下，左，右）也可以单独设置。

32、Line-height属性用来增加文本的行间距。

33、background-image属性用来给元素添加背景图像。、

34、background-position和background-repeat 属性用来设置背景图像的位置和重复方式。

35、class属性用来同时样式化一组元素。

36、Id属性用来给元素设置唯一的名字。也可以用id属性给一个元素提供唯一的样式。

37、一个页面中一个元素只能有一个id>

38、可以用id#selector选择元素，比如#myfavoriteid.

39、一个元素只能有一个Id,但可以属于几个类。

40、可以在XHTML中用多个样式表。

41、如果两个样式 表有冲突的属性定义，XHTML文件中靠后的样式具有优先权。

42、可以在<link>元素中用media属性确定媒体设备类型，如“print”或”handheld”