博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Discuzx系统 CSS 编码规范,CSS属性书写顺序
阅读量:5135 次
发布时间:2019-06-13

本文共 863 字,大约阅读时间需要 2 分钟。

1. 属性写在一行内,属性之间、属性名和值之间以及属性与“{}”之间须有空格,例如:.class { width: 400px; height: 300px; }

    2. 属性的书写顺序:
        2.1. 按照元素模型由外及内由整体到细节书写,大致分为五组:
            位置:position,left,right,float
            盒模型属性:display,margin,padding,width,height
            边框与背景:border,background
            段落与文本:line-height,text-indent,font,color,text-decoration,...
            其他属性:overflow,cursor,visibility,...
        2.2. 针对特殊浏览器的属性,应写在标准属性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;
    3. 谨慎添加新的选择符规则,尤其不可滥用 id,尽可能继承和复用已有样式
    4. 选择符、属性、值均用小写(格式的颜色值除外),缩写的选择符名称须说明缩写前的全称,例如 .cl -> Clearfix
    5. 避免使用各种 CSS Hack,如需对 IE 进行特殊定义,请参阅下节“关于 CSS Hack 的说明”
    6. 勿使用冗余低效的 CSS 写法,例如:
        ul li a span { ... }
    7. 慎用 !important
    8. 建议使用在 class/id 名称中的词语
        6.1. 表示状态:a->active
        6.2. 表示结构:h->header,c->content,f->footer
        6.3. 表示区域:mn->main,sd->side,nv-navigation,mu->menu
        6.4. 表示样式:l-list,tab,p_pop
    9. 开发过程中的未定事项,须用 [!] 标出,以便于后续讨论整理

 

转载于:https://www.cnblogs.com/52php/p/5675299.html

你可能感兴趣的文章
Perl正则表达式匹配
查看>>
DB Change
查看>>
nginx --rhel6.5
查看>>
Eclipse Python插件 PyDev
查看>>
selenium+python3模拟键盘实现粘贴、复制
查看>>
第一篇博客
查看>>
typeof与instanceof的区别
查看>>
网站搭建(一)
查看>>
SDWebImage源码解读之SDWebImageDownloaderOperation
查看>>
elastaticsearch
查看>>
postgreSQL 简单命令操作
查看>>
Spring JDBCTemplate
查看>>
Radon变换——MATLAB
查看>>
第五章笔记
查看>>
Iroha and a Grid AtCoder - 1974(思维水题)
查看>>
gzip
查看>>
转负二进制(个人模版)
查看>>
LintCode-Backpack
查看>>
查询数据库锁
查看>>
[LeetCode] Palindrome Number
查看>>