html_css_CSS样式特点

  1. 继承:

网页中的元素,将继承父元素的样式

例如:要控制段落p中的大小,可以直接给body标记加样式。

  1. 层叠:
  • 网页中子元素定义了与父元素相同的样式,则子元素的样式将覆盖掉父元素的样式(因为有些子元素本身就有默认值,则就不会继承父元素)
  • 后面定义的样式,会覆盖前面定义的样式

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

  1. 类名称:状态

CSS伪类用于向某些选择器添加特殊的效果

语法:

     选择符:伪类名称{属性:}

例如

A:hover{color:#FF00FF}

:focus设置对象在成为输入焦点(该对象的onfocus事件发生时的样式)(IE6/7不支持)

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/jss19940414/article/details/84997000