八股

CSS

1. 盒模型 盒模型构成：content + padding + border + margin W3C标准盒模型：width表示content（主内容）宽度 IE盒子模型： width表示content(主内容)+padding(内边距)+border(边框)这三个部分的宽度

切换盒模型: rust 代码解读复制代码box-sizing: content-box // W3C盒子模型 box-sizing: border-box // IE盒子模型

2. CSS常用样式选择器

选择器权重使用示例!important1111* {color: '#00f' !important}行内1000<span style={color:'#00f'} />id0100#id{color:'#00f}class0010.calssName{color:'#00f}标签0001div{color:'#00f}子选择0001div > span{color:'#00f}伪类0001a:hover {color:'#00f}> PS: 相同等级或重复写的样式则为最后写的样式为准 3. 伪类和伪元素 常用的伪类：   less 代码解读复制代码a:link // 未访问 a:hover // 悬停 a:visited // 已访问 a:active // 已选择

常用的伪元素： less 代码解读复制代码span::before { // 内容前面插入新内容 content:''; } span::after{ // 内容之后插入新内容 content:''; }

作者：前端_刘师兄 链接：juejin.cn/post/702328… 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。