首页 > Web开发 > 详细

网页学习(二)继续css

时间:2020-11-27 09:31:39      阅读:26      评论:0      收藏:0      [点我收藏+]

严格按照https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks学习

一.层叠与继承

1.冲突规则:

CSS扩写:Cascading Style Sheets (cascade 有层叠的意思)

层叠:一边来说写在后面的规则会被运用

继承:一般父元素的属性会继承到子元素,除非子元素自己定义了元素(一些属性不会继承)

像 widths (上面提到的), margins, padding, 和 borders 不会被继承。如果borders可以被继承,每个列表和列表项都会获得一个边框 — 可能就不是我们想要的结果!
哪些属性属于默认继承很大程度上是由常识决定的。
控制继承:
inherit
设置该属性会使子元素属性和父元素相同。实际上,就是 "开启继承".
initial
设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。
unset
将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样

all可以重置所有值,但是IE不兼容

 

网页学习(二)继续css

原文:https://www.cnblogs.com/King-of-Dark/p/14045600.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!