Discuzx系统软件 CSS 编号标准、CSS特性撰写次序

日期:2020-10-20 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

1. 特性写在1行内,特性之间、特性名和值之间和特性与“{}”之间须有时间格,比如:.class { width: 400px; height: 300px; }

2. 特性的撰写次序:

        2.1. 依照元素实体模型从外及内,由总体到细节撰写,大概分成5组:
            部位: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. 开发设计全过程中的待定事项,须用 [!] 标明,便于于后续探讨梳理