启

详解 CSS 属性 - 伪类和伪元素的区别之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选

详解 CSS 属性 - :before && :after现在我们经常在 html 源码中看到如下的写法：这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 -:before && :after。伪元素首先我们要明白什么是伪元素，css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为：全选复制放进笔记s

内联样式：1000id选择器：100类|伪类|属性选择器：10元素|伪元素选择器：1三个原则：1. !important 优先级最高2.继承的样式优先级最低3.同等权重的后声明的优先

两种引入css的方式：    @import url('example.css')区别：1.link是HTML标签，import是css语法；2.link不但可以用于引入css，还可以用于加载其他资源，如RSS；而import只能用于加载css3.link是即刻加载css，而import是等onload时才加载css；网速慢的情况下会有闪烁4.i

a:link                      未被访问的链接样式a:visited                访问后的链接样式a:hover                  鼠标移到链接上的样式a:active                 鼠标点击链接时的样式书写的顺序有要求： link -> visited -> hover -> acti

css选择器中:first-child与:first-of-type的区别:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：p:first-child  匹配到的是p元素,因为p元素是div的第一个子元素；h1:first-child  匹配不到任何元素，因为在这里h1是div的第二个子元素，而不是第一个；

1.background-size  cover  以容器最大的那条边为基准，等比例缩小放大  contain 以容器最小的那条边为基准，等比例缩小放大