站内搜索
广告
样式表(CSS:Cascading Style Sheets)学习[上]
作者:    来源:    点击:    日期:2007-5-27 0:27:41   
a:hover {color: red; text-decoration:underline;}    //鼠标移近:红色、下划线

-->

</style>

  5.4.2 伪元素

  两个伪元素::first-letter和:first-letter。它们常常和像<p>这样的元素引导的一段文字一起使用,用来影响其中首字母或者首行的显示,如p:first-letter和p:first-line。

<style type = “text/css”>

<!--

p:first-line {background-color:yellow;}

p:first-letter{color:red;font-size:150%;}

-->

</style>

  5.5 情景选择(contextual selection)

  情景选择允许对位于某嵌套层次内的某元素进行样式控制,该规则通过按照嵌套的顺序列出元素的名称,然后给出样式规则来创建。

  举例:使所有出现在<p>元素内的<strong>元素都有黄色的背景颜色。

p strong {background-color : yellow;}

  六.样式规则的继承与嵌套

  该性质允许对元素的多种规则进行组合,既可以从父元素那里继承一些属性,也可以重写某些属性。层叠(CSS中的C)的一般思想有效地创建了一个系统以确定在有多个样式表的文档中哪些规则将被应用。例如,使用id属性为一个特定的<p>元素指定规则,这相对于通过class规则指定的规则具有优先权,而class规则相对于为<p>元素自身指定的规则有优先权。相对于应用于整个文档的样式或链接进来的外部样式,通过一个style属性指定的行内样式是更重要的。考虑究竟哪一个规则将最终生效的简单方法是:越专门的规则优先级越高,和标记位置越近的规则优先级越高。

首页 上一页 [1] [2] [3]  下一页 尾页 
样式表(CSS:Cascading Style Sheets)学习[上] 评论