勤奋学习

《Head First HTML与CSS、XHTML》第十章要点

猴猴 · · · ·

         本章学习盒模式,研究块和行元素,学习如何用CSS构建元素来控制各个方面,区分内容区、补白、边框、边界,如何给元素指定唯一标识符以及为什么要用多样式表。

要点:

1、CSS用盒模式控制元素显示的方式。

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

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

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

5、边框包围着补白的内容,是可见的,将内容分开。

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

区别补白和边框:如果在内容区本身周围需要更多可见的空间,就用补白;相反的,如果想在元素之间或元素和页边之间有空间,就用边界。

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

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

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

10、边框有8种不同的样式,包括solid、dashed、dotted和ridge。

11、设置边界、补白或边框时,CSS提供同时设置各个侧面的属性(上、下、左、右),也可以单独设置。

12、line-height属性用来增加文本的行间距

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

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

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

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

17、一个页面中一个元素只能有一个id。

18、可以用id#selector选择元素,比如#myfavoriteid。

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

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

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

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

0 条回应