网页学习(二)继续css

严格按照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

上一篇:createjs 学习


下一篇:防止表单提交多次提交使用JS提交按钮变颜色