如何规范CSS的命名和书写

一直以来对HTML和CSS中标签,选择器的命令规则很头大,写出来的显得太low,这里就这个问题简单整理一下,希望以后能改进一些:

  • CSS样式表中书写注意的几个问题
  • CSS命名规范(规则)常用的CSS命名规则

  • CSS书写规范

    • 书写顺序:位置,大小,文字,背景
      语法举例:


      微信图片_20170406141236.jpg
  • 去掉小数点前面的0,例如font-size: .8em;

  • 最好不用_,一般用-比如:main-title

  • 不随意使用id属性

  • CSS命名规范(规则)常用的CSS命名规则
    头:header  
    内容:content/container  
    尾:footer  
    导航:nav  
    侧栏:sidebar  
    栏目:column  
    页面外围控制整体佈局宽度:wrapper
    左右中:left right center  
    登录条:loginbar  
    广告:banner  
    页面主体:main  
    子导航:subnav leftsidebar rightsidebar
    菜单:menu  
    子菜单:submenu  
    搜索:search  
    页脚:footer  
    版权:copyright  
    内容:content  
    标签:tags  
    栏目标题:title

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容