CSS的三大特征

133 阅读1分钟

1、层叠性:

1)样式冲突,权值高的优先显示;权值相同,后出现的样式会覆盖先出现的样式。
2)样式不冲突,样式进行叠加

2、继承性——子元素继承父元素样式

可继承的属性有:
    1)字体系列属性——font-familyfont-sizefont-weightfont-styleline-height
    2)文本系列属性——text-indenttext-aligncolor
    3)列表——list-xx
    

3、优先级

   1)选择器的权值越大,优先级越高;权值相同时,谁在后面显示谁
   2)基本选择器权值:通配符选择器<0>、标签选择器<1>、class选择器<10>、id选择器<100>
   3)复合选择器权值计算方式:组成复合选择器的所有单一选择器的权值累加
     例如:
	.container div{ }   权值:10+1=11
	#box .container p{ } 权值:100+10+1=111
   tips:
     行间样式的优先级高于id选择器的优先级;
     继承样式的权值为0,子元素中设置的样式,会覆盖继承到的样式;
     在样式中定义!important,优先级高于行间样式;