前端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以及以上

你可能感兴趣的:(css,css)