CSS_特性继承和层叠

  • CSS_特性继承和层叠已关闭评论
  • 172 次浏览
  • A+
所属分类:Web前端
摘要

1、子元素有默认继承父元素样式的特点(子承父业)2、可以继承的常见属性(文字控制属性都可以继承)
1.color
2.font-style、font-weight、font-size、font-family
3.text-indent,text-align
4.line-height


CSS特性

1、继承性

特性:

1、子元素有默认继承父元素样式的特点(子承父业

2、可以继承的常见属性(文字控制属性都可以继承)
1.color
2.font-style、font-weight、font-size、font-family
3.text-indent,text-align
4.line-height

注意点:
可以通过调试工具判断样式是否可以继承

2、层叠性

特性:

1、给同一个标签设置不同的样式→此时样式会层叠叠加→会共同作用在标签上

2、给同一个标签设置相同的样式→此时样式会层叠覆盖一→最终写在最后的样式会生效

注意点:
1、当样式冲突时,只有当选择器优先级相同时,才能通过层叠性判断结果

以上内容为学习尚硅谷视频后整理