前端常用重难点总结之css篇

今天天气不错，心情也一扫阴霾，人生的路，有的时候越走越窄，有的时候越走越多，但是，每一次选择，便注定意味着无数的错过，我们应该珍惜每一场相逢，把握好每一个机会，不向命运低头。
废话不多说，css篇参上。

css篇

<1>基础

1、选择器概念的理解以及css规则命名惯例
2、三种机制=>继承、层叠、特指
3、理解什么是上下文选择符
4、盒子模型、定位、浮动与清除
5、样式权重计算：计算特指度的方法=>ICE原则（即多种组合时权重分析id>class>元素）
6、正常开发最开始会有个base.css（也可为其他名字）的公共样式，可在里面写一些去除默认html效果的样式。
7、实际应用中css路径的改变经常得更改相应的图片路径。

<2>css3

1、几种布局类型对比：弹性布局（非常重要）VS栅格布局VS流式布局VS固定布局
2、活用calc可解决大部分问题，结合max-width,min-width更佳。
3、px、em、rem、vw、vh、vm、%等单位可灵活切换应用
4、css作用域scope可用于限定css的作用范围
5、媒体查询media，用于检测设备类型及屏幕大小等
6、伪类（UI伪类、结构化伪类）、伪元素。看似没多大作用的伪类伪元素深入学习后就会发现有很大妙用，以前写很多代码才能实现的效果都可以更简单实现。
7、动画Animation和Transition过渡。新增的动画Animation和过渡Transition功能跟伪类伪元素一样省下了写一大堆代码的时间，甚至都不用写js也有很酷炫的效果。

<3>更进一步
纯css3在动态计算方面有点不足，这个时候这两货就派上用场了
1、less
2、sass（scss）