XML程序设计 第二版 高职网络专业 杨灵 谢正兰第5章 层叠样式表CSS.ppt

第5章 层叠样式表CSS 本章学习要点 链接CSS到XML 选择元素 成组选择符 特殊化首行 特殊化首字符 伪类 ID属性 上下文选择符 style属性 注释 CSS中的属性和属性值 长度 常用绝对单位转换关系 相对单位 颜色 16常用种颜色对应的关键字 几种常用颜色的三种表示方法 display属性 list-item white-space属性 字体属性 font-style font-weight font-weight font-size x-small 表示使用比small字号小1.5倍的字号显示文字。 xx-small 表示使用比x-small字号小1.5倍的字号显示文字。 large 表示使用比标准字号大1.5倍的字号显示文字 x- large 表示使用比large字号大1.5倍的字号显示文字。 xx- large 表示使用比x- large 字号大1.5倍的字号显示文字。 font-variant font 以任何顺序给出样式、变体（variant）和粗细之一，它们中的任何一个都可以忽略。 字号，不可以忽略。 字族，不可忽略。 颜色属性 父元素名{color:red;} employees{color:red;} employee,name,sex,birthday,introduction {display:block} introduction {color:blue;white-space:pre;font-family: 幼圆,Times, Times New Roman} 背景属性 background-repeat background-position 背景图片的相对位置 文本属性 text属性组 text-align text-transform text-indent 用于设置所选段落的首行缩进量 整数+“pt”：直接指定缩进量。 百分数：表示相对于父元素缩进量设置的百分比值。 设置文本的强调方式 字符垂直对齐方式 (vertical-align ) 字符垂直对齐方式 (vertical-align ) 设置文本行高 line-height属性用于设置文本的行高 绝对长度：可以使用整数+单位。 百分数：使用百分数可将其设置为父元素行高的百分比。 框属性 页边距属性 边框线属性 边框线属性 边框线属性 贴边属性 边框大小属性 width：设置框的宽度。 height：设置框的高度。 级联过程 @import指令 在CSS样式单中包括@import指令可以加载保存到其它文件中的样式单，可以使用绝对URL或相对URL来导入样式单。 !important声明 使用!important声明，用来设置不希望被覆盖的规则，这个声明用在属性值的后面，与属性值之间用空格隔开 。 name{font-color:red !important;font-size:12pt;} 级联顺序 作者置标为重要的规则优先。 读者置标为重要的规则。 引用其它样式单的CSS规则比被引用的CSS中的规则优先。 最专门的规则优先。如同时使用ID和CLASS属性，则优先选用ID属性指定的规则。 作者未置标为重要的规则。 读者未置标为重要的规则。 若子元素中没有可用的规则，则自动继承父元素的规则。 background-color background-image background-repeat background-attachment background-position background Repeat 在水平和垂直方向上平铺，此属性值为默认值。 repeat-x 只在水平方向上平铺。 repeat-y 只在垂直方向上平铺。 no-repeat 不平铺。 使用关键字 使用百分数 使用绝对长度 text属性组 设置字符垂直对齐方式 设置文本行高 设置单词间空白 设置字符间空白 text-align text-transform text-indent text-decoration center：设置文本居中对齐。 left：设置文本左对齐。 right：设置文本右对齐。 justify：设置文本两端对齐。 none 表示不进行大小写转换，该属性值为默认值。 capitalize 表示将XML文档中所选文本的英文单词全变为首字母大写。 uppercase 表示将XML文档中所选文本的英文单词全变为大写。 lowercase 表示将XML文档中所选文本的英文单词全变为小写。 none underline line-through overline blink 张晓迪 张晓迪 张晓迪 text-decoration 张晓迪