第6章你 xml与css.pptVIP

举例 p {width:500px;}/* 使用:first-line前先设置元素宽度，如果未指定对象的width属性，首行的内容长度随窗口宽度而定 */ p:first-line {color:red;}/* 不管是否设置了p的宽度，p元素内第一段文字总是以红色显示 */ p:first-letter {font-size:2em;} 6.4 CSS选择器 1．元素选择器 2．通配选择器 3．CLASS选择器 4．ID选择器 5．伪类选择器 6．层次选择器 7．子选择器 8．相邻兄弟选择器 9．属性选择器 1．元素选择器 基本格式： tagName1, tagName2 {property:value} 例： h1, h2, h3 { color:#000000; background-color:#FFFFFF; font-family:arial, verdana, sans-serif; font-weight:bold; } h3 {font-style:italic;} 2．通配选择器（*） 它为页面中所有元素添加样式，就像是一个通配符，举例： * {color:blue;}/* 通配选择器，等价于列出了文档中所有元素的color属性均为blue，它的优先级很低 */ *.p {font-weight:bold;}/* 类选择器，运用到所有类为p的元素上，可以忽略(*)号，等价于.p */ 3．CLASS选择器 基本格式： tagName.classValue {property:value} 例： .p {font-weight:bold;}/* 类选择器，运用到所有类为p的元素上 */ 4．ID选择器 基本格式： tagName#idValue {property:value} 例： #div {color:red;} #div.div {color:red;}/* ID选择器与类选择器的结合，可以这么写的，且先后顺序可以颠倒 */ 5．伪类选择器 作用是对链接的不同状态定义不同的呈现样式。IE6.0部分不支持。 基本格式： a:link {} a:visited {} a:hover {} a:active {} 6．使用层次选择器 表明一个元素是另一个元素的后代结点。 例： time hour { display:inline; font-size:56pt; color:rgb(0,255,0); } 7．子选择器（IE6.0不支持） 语法： parent child {property:value} 8．相邻兄弟选择器（IE6.0不支持） 语法： firstTagName + secondTagName {property:value} 9．属性选择器（IE6.0不支持） 基本格式： tagName[attribute] {property:value} 例： a[href] {color:yellow;}/* 匹配所有具有href属性的a元素 */ *[title] {font-weight:bold;}/* 匹配所有具有title属性的元素 */ a[href][title] {color:red;}/* 匹配所有有title属性且有href属性的的a元素 */ 6.5 CSS的链接 6.5.1 使用一般链接指令 一般可以在XML文档的开头使用xml-stylesheet处理指令将指定的CSS样式表链接进来。其格式为： ?xml-stylesheet type=text/css href=url ? 其中： ?xml-stylesheet 表示当前XML文档在显示时需要使用样式单； type=text/css 表示使用CSS类型的样式单； href=url 用来指定样式单文件的URL。 6.5.2 使用@import指令 允许在样式表中使用 @import 指令来引入一个或多个独立保存的样式表，即将这些样式表包含的规则添加到当前样式表中来。其格式为： @import url(StyleSheetURL); 其中StyleSheetURL 表示想要引入的样式表文件的URL，可以是本地或网络上样式表文件的绝对路径或相对路径。 注意：本指令必须放置在CSS样式表的开头，且尾部的分号“；”不能少。 示例： 6.5.3 样式应用说明 如果XML文档中的某些元素添加了STYLE属性，则浏览器将根据这个STYLE属性设定的属性值来显示这些元素，而不管在CSS样式表中作了何种设置。 在CSS中的上下文选择符，比一般的选择符具有更高的优先权。 如果没有为子元素设置特定的样式规则，将会自动继承父元素的规则。 示例: 如