HTML 措辞教程.ppt

通过本章学习，应该掌握以下内容：

什么是CSS
CSS样式和常用的selector
在网页中使用CSS的方法
CSS的各种属性7.1CSS简介CSS的定义由三部分构成：选择符selector、属性property和属性值value。其基本格式如下：
selector{propertyl：valuel；property2：value2；……}
其中selector（选择符）表示需要应用样式的内容，property表示由CSS标准定义的样式属性，value表示样式属性的值。7.2.2几种常用的selector如果需要为位于某个标记符内的标记符设置特定的样式规则，则应将selector指定为具有上下文关系的HTML标记符。例如，如果只想使位于H1标记符内的A标记符具有特定的属性，则应使用以下格式：
H1A{color：blue}
注意H1和A之间以空格分隔。可以使用类（class）来为单一HTML标记符创建多个样式。要想将一个类包括到样式定义中，可将一个句点和一个类名称添加到selector后，如下所示：
selector.classname{property：value；……}
可以使用任何名称命名类，但通常使用具体含义的名称。可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如：
TABLEA{font-size：10px}
使用上规则后，在表格内的链接改变了样式，文字大小为10像素，而表格外的链接的文字仍为默认大小。层叠性，即继承性，样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。
不同的选择符定义相同的元素时，要考虑到不同的选择符之间的优先级。ID选择符，类选择符和HTML标记选择符，因为ID选择符是最后加在元素上的，所以优先级最高，其次是类选择符。如果想超越这三者之间的关系，可以在定义样式时加上!important，来提升样式表的优先权。7.3在网页中使用CSS如果能将同类的样式都统一定义，然后再具体应用于网页中的元素，那么就能体现出CSS的优越性了。实际上，这正是CSS应用于网页的最常用方式，即在HEAD标记符内使用STYLE标记符，然后在STYLE标记符中定义样式。这种应用方式又称“内部引用”。
定义样式的方式为：
selector{propertyl：valuel；property2：value2；……}
其中，selector表示样式作用的对象，property和value则表示相应CSS属性和值的配对。7.3.3引用外部样式表中的样式信息引用链接外部样式表中的样式信息又称为“外部引用”。外部引用又可以分为链入外部样式表和导入外部样式表两类。
链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用LINK标记符链接到这个样式表文件，这个LINK标记符必须放到页面的HEAD区内。
导入外部样式表是指在内部样式表的STYLE里导入一个外部样式表，导入时用@import。
导入外部样式表输入方式比链入外部样式表更有优势，实质上它相当于存在内部样式表中。11.4CSS属性1．字体族科属性（font-family）2．字体风格属性（font-style）字体加粗属性用于设定字体的粗细，跟HTML中的B标记符效果相似。它的取值可以是以下值中的一个：normal、bold、bolder、lighter、100、200、300、400、500、600、700、800、900，默认值为normal，表示正常粗细；bold表示粗体。也可以使用数值，范围为100至900，对应从最细到最粗。normal相当于400，bold相当于700。如果使用bolder或lighter，则表示相对于上一级元素中的字体更粗或更细。字体大小属性用来定义字体的大小。
可以使用的值包括绝对大小、相对大小、长度、百分比，其中使用长度时单位又分为绝对单位[磅（pt）、毫米（mm）、厘米（cm）、帕（pc）、英寸（in）]和相对单位[像素（px）、em]。文字间隔属性定义一个附加在文字（单词）之间的间隔数量。该值必须符合长度格式，允许使用负值。
需要特别说明的是，该属性是针对英文单词的间隔，而不是中文的文字间隔，中文的文字间隔应该用下面讲到的letter-spacing。同时在中文版的IE浏览器中也不支持该属性。字母间隔属性定义一个附加在字符之间的间隔数量（间距）。它的取值可以是normal或具体的长度值（该值必须符合长度格式），也可以是负值。默认值为normal，表示浏览器根据最佳状态调整字符间距。一个设为0的值会阻止显示文字时的间隔调整。纵向排列属性可以用来定义一个内部元素的纵向位置，相对于它的上级元素或者相对于元素行。
该值可以是一个相对于元素行高