前言
css，又称层叠样式表。是前端必备技能之一。在此记录一些css的重要知识。
一、css是什么？
如果把前端比喻成建房子，html就像是建筑工钢筋水泥搭起的地基，那么css就是去做刷墙铺地砖的装修工，它负责我们软件的美化。
二、css的重要知识
1、引入css的方式有三种：
直接在标签内写入样式，又称内联样式表；
在当前页面内部写入样式，又称内部样式表；
在外部文件写入样式然后引入当前页面，又称外部样式表；
2、选择器权重问题：
！important > id > 类选择器 | （同级）属性选择器 > * 通配符选择器
3、选择器权重占比：
！important – 正无穷
内联样式 – 1000
id – 100
class，属性，伪类 – 10
标签，伪元素 – 1
通配符 – 0
@ 以上占比全部都是256进制的，所以相差是天差地别的；
3、使用id选择器并不能支持派生选择器；
#box #box1 { 无效 }
4、派生选择器存在越级情况
结构 < div > < h1 > < span > 越级< / span > < /h1 > < /div >
样式 div span { color: red } 有效
原因其实是在浏览器中,规定了css的匹配规则，从右到左，且从下到上。浏览器在查找样式表时，会先去查最里层元素，依次查找到外部，从而减少性能浪费，提高查找速度；这是我自己去定义的概念，也是我这里说的越级查找情况；
5、行内块与行内元素的居中解决方案： vertical-align:middle
< img > < / img> < span > 相对于img标签居中 < / span >
6、容器内多行文本垂直的解决方案：
使用table的特性（因为tr默认就是垂直的）
方法： 1、容器设置display:table
2、文本设置display:table-cell、vertical-align:middle
总结
这里是我总结的css知识点，css的细节仍然还有很多很多，我会慢慢补充同时持续更新。如果你和我一样，对自己的基础不满意想要去提升，那就来私信我吧，我们一起交流、相互学习~