CSS代码规范总结-自用
先写局部html结构,在写局部css样式,重复操作进行网页的编写!!!
css规范:
- 类名语义化:尽量精短、明确;必须以字母开头命名,且全部字母为小写;单词之间统一使用下划线"_"连接
- 类名中的嵌套最多三层
- 尽量避免直接使用元素选择器
- 在css中,属性书写顺序总结
- 布局定位属性:display / position / float / clear / visibility / overflow
- 尺寸属性:width / height / margin / padding / border / background
- 文本属性:color / font / text-decoration / text-align / vertical-align
- 其他属性: (css3)content / cursor / border-radius / box-shadow / text-shadow
- 避免使用id选择器
- 避免使用通配符*和!important
初始化文件
引入normalize.css
引入common.css
引入index.css
说明:参考B站pink老师视频 黑马面面项目 进行归纳总结