- 继承:
网页中的元素,将继承父元素的样式
例如:要控制段落p中的大小,可以直接给body标记加样式。
- 层叠:
- 网页中子元素定义了与父元素相同的样式,则子元素的样式将覆盖掉父元素的样式(因为有些子元素本身就有默认值,则就不会继承父元素)
- 后面定义的样式,会覆盖前面定义的样式
CSS样式的优先权:
四种方式的优先权:内联式[行内样式]--->内嵌式[内部式]--->链接式[外部式]--->@import导入式
CSS优先权:就近原则
作用范围小,优先权越高
离要修饰目标越近的样式优先权越高
选择符的优先权:
行内>id>class>标签选择符
如果两个标签属性冲突,还想显示优先度低的样式,则在优先度低的样式中加入!important语句,进行提高权限.
例如:
<style>
.p1{
color: green !important;
}
#p2{
color:red;
}
</style>
<body>
<p class="p1" id="p2" style="color:blue">132456789</p>
</body>
不加!important的时候,p标签内的字体颜色式红色,加了!important后,.p1称为最高权限。实行结果字体为绿色。
CSS控制文本
伪类语法:
元素名称:伪类名称{属性:值}
注意:CSS控制元素的某种状态称之为伪类
注意:如果鼠标放上效果不起作用,请修改链接状态的顺序:
L(正常的状态)-V(访问过的状态)-H(鼠标放上的去的状态)-A(按下的状态)
自定义链接的CSS类
- 类名称:状态
CSS伪类用于向某些选择器添加特殊的效果
语法:
选择符:伪类名称{属性:值}
例如
A:hover{color:#FF00FF}
:focus设置对象在成为输入焦点(该对象的onfocus事件发生时的样式)(IE6/7不支持)