CSS高效开发三大方向
css研究方向
大体上CSS的学习可以朝着三个方向进行研究,分别是:
- 特效(可以学习动画、3D、渐变等)
- 工程化(可以学习sass、less、postcss等)
- 布局(可以学习flex、grid、响应式等)
CSS文件划分
TIP
在中大型项目中,一般会对CSS进行文件划分,根据文件的性质与用途,大概会分成:
-
公共型样式
-
特殊型样式
-
皮肤型样式
公共型样式可命名为globa.css或common.css等名字,主要包括网站通用样式编写。例如:重置默认样式
reset、网站通用布局、通用模块和元件、通用响应式系统等
css功能分类

通用模块

通用原件

通用响应式系统

标签默认样式清除
常见的CSS方法论
- oocss
- BEM
- SMACSS
- Atomic CSS
OOCSS

BEM
SMACSS
样式规范
css样式属性书写顺序

css3浏览器私有前缀写法

类名需要语义化

