前端css基础知识点之PC端项目-规范

前端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-radius

  ie10,ie9支持border-radius属性

4 注意事项

PC 一般兼容到ie8以及以上