前端css基础知识点之PC端项目-规范
1 文件管理
- 文件名用英文命名
- css文件夹 reset.css(常用的浏览器样式) public.css(公共的样式、比如页面的头部尾部、重复使用字体、字号等)
index.css - 图片名称
图片命名尽量与其模块样式名称保持一致,尽量用小写
如 login_bg.jpg login_user_ico.gif
2 html书写规范
- h5模版
- 书写规范 (缩进、属性值必须用双引号、标签要闭合、属性标签等名字由数字下划线或小写字母组成)
- 语义化
比如 图片添加alt - 合理嵌套html标签
ul>li
dl>dt+dd
p不能套p a不能套a a不能套交互元素 - 保证结构和表现相分离
3 css书写规范
-
编码 utf-8
-
规划重置样式表
-
版心-页面有效区域 1000px 1200px
-
书写代码时候
添加注释
class/id
jd_top jdTop
缩进
布局定位属性->自身属性->文本属性->其他属性 -
兼容
border-radiusie10,ie9支持border-radius属性
4 注意事项
PC 一般兼容到ie8以及以上