1.background-color:rgba
相信三基色大家都知道 rgb分别代表红，绿，蓝 a呢代表透明度 取值在0~1之间 0代表全透明 1代表全不透明
这是background的新属性，在配合qq截图来取色简直是绝配
我们可以轻而易举的拿到rbg 这是我们只要在将对应的rgb 填入就行
效果图如下
2.引入背景图片时候background-size 可以在url中直接写
这里我们在一个盒子填充一个背景
我们使用 cover 属性等比例放大进行填充
我们也可以直接在url 中写 cover，只要在position后面 加/cover 即可
注意 cover 必须写在 position后面
3. 给 body 添加行高
你不需要分别添加 line-height 到每个p,h标记等。只要添加到 body 即可：
4. 使用负的 nth-child 选择项目
在CSS中使用负的 nth-child 选择项目1到项目n。
还可以指定选择范围元素
这里就表示获取了第四到第五
5. 伪元素实现换行，替代换行标签
6. 单行文本溢出显示省略号
7. 背景可以多重化
还在使用的用多个盒子用div定位么
懂得这个好技巧可以省去很多不必要的麻烦
8. 伪元素清除浮动
原理：利用:after和:before来在元素内部插入两个元素块，从而达到清除浮动的效果。
CSS一些很实用的技巧。
原文地址：https://www.cnblogs.com/Irelia/p/9984502.html