您现在的位置是:主页 > 网站制作 > Css|Html >

css三大特性层叠性、继承性、优先性

刘清2018-12-29 20:35个人博客人已围观

简介1.继承性 继承性发生的前提是包含(嵌套关系) 文字颜色 大小 字体 风格 粗细,所有性都可以继承 (要注意子标签不会继承父标签的宽度、高度、边距属性。) 特殊性: h系列不能继承

1.继承性

继承性发生的前提是包含(嵌套关系) 
文字颜色 大小 字体 风格 粗细,所有性都可以继承
(要注意子标签不会继承父标签的宽度、高度、边距属性。)
 
特殊性:
h系列不能继承文字大小,继承过来的文字大小*em
 :a标签不能继承颜色


2.层叠性

不同样式作用同一个(同一类)标签时,样式发生了冲突,层叠性()后面代码层叠前面
<div class="box box2">111111111111</div>
是浏览器处理冲突的一个能力
如果一个属性通过两个选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉


3.优先级

 默认样式《1标签选择器《10类选择器《100id选择器《行内样式表《(!important)提高优先性
 权重为0,权重会叠加
  • 权重使用四个数字来衡量(x,x,x,x)【CSS2使用三位】
  • 继承的权重为(0,0,0,0)
  • 标签选择器的权重为(0,0,0,1)
  • 类、伪类选择器的权重为(0,0,1,0)
  • id选择器选择器的权重为(0,1,0,0)
  • 行内样式的权重为(1,0,0,0)
  • !important的权重无限大

Tags:    Css特性   

很赞额!(74)

上一篇:行、块、行内块元素

下一篇:链接伪类

文章评论

站点信息

  • 建站时间:2018-12-1
  • 网站程序:织梦cms
  • 主题模板《今夕何夕》
  • 文章统计:299条
  • 文章评论:490条
  • 统计数据百度统计