🔥
码云GVP开源项目 12k star
Uniapp+ElementUI 功能强大 支持多语言、二开方便!
广告
## CSS样式简写示例 高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。现在我们系统地总结一下CSS属性的缩写。
一、目标
二、概述
三、基本书写规范
1、所有的CSS的尽量采用外部调用
2、CSS推荐模板
3、其中注释写法
四、命名规范
1、CSS命名规则1
2、CSS命名规则2
3、直观命名
4、结构化命名
5、惯例
6、自定义命名
五、CSS样式书写顺序
1、显示属性
2、自身属性
3、文本属性
六、CSS样式简写示例
1、色彩缩写
2、盒子大小
3、边框(border)
4、outline
5、背景(background)
6、Font
7、列表样式
8、border-radius(圆角半径)
七、规范参考
1、基本要求
2、脚本编写
3、一般原则
4、文件命名原则