这是我参与「第四届青训营 」笔记创作活动的第4天 选择器的特异度
id 的优先级最高,其次是伪类,其次是标签
样式覆盖
上述.btn 为基础,特殊按钮为后面再加一个 primary
继承:某些属性会自动继承其父元素的计算值,除非显式指定一个值
显式继承
每个属性都有一个初始值,
例如 background-color 的初始值为 transparent
margin-left 的初始值为 0
在浏览器的 html,css 是具体发生什么样的关系呢?
CSS 的求值过程
计算值:浏览器拿到 CSS 的值之后,浏览器转换后的相对值
布局
确定内容的大小和位置的算法 依据元素.容器.兄弟结点和内容等信息来计算
auto 由浏览器根据其他属性确定
height
指定 content box 高度
取值为 长度/百分数/auto
auto 取值由内容计算得来
padding
指定元素四个方向的内边距
百分数相对于容器的宽度
border 的三种属性,四个方向
当四条边框颜色不同时
只剩下边框会是这样,通过设置不同的颜色,粗细可以设置不同的形状
外边距
当前这个盒子距离留有其他的盒子 外边的距离
水平居中
左边距右边距都是 auto 就是水平居中
