码迷,mamicode.com
首页 > 其他好文 > 详细

前端规范

时间:2019-02-01 18:04:45      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:div   ack   ring   secondary   selector   ant   line   class   inf   

HTML

1.命名

antScript

ant-script(推荐)

ant_script(不推荐)

尽量不适用数字

2.文本缩进(符合代码规范,标准,对齐)

3.标签闭合

4.推荐使用单引号

5.属性属性值推荐使用小写

6.注释标准详尽

 

CSS

1.选择器

尽可能不使用通配符选择器

合理避免使用id选择器

避免使用标签限定id或者类选择器  eg:div#nav {}

尽可能使用继承   eg:#nav > .a { font-size:24px; }

.减少后代选择器的使用  eg:div>a的性能肯定要好于div a

 

 

2.代码格式规范

代码缩进

选择器分组换行

eg:

.selector,
.selector-secondary,
.selector[type="text"] {
  padding: 15px;
  margin-bottom: 15px;
  background-color: rgba(0,0,0,.5);
}
空格与换行:为了可读性或者说为了好看,建议在选择器与大括号之间添加一个空格
 
 

(1).声明的冒号(:)与属性值之间添加一个空格。

(2).每一条声明需要单独占据一行。

(3).最后一条声明语句后面的分号是可以省略的,但是建议保留。

(4).如果大括号中只有一条声明语句,那么大括号可以在同一行

 

CSS规则之间增加一行

技术分享图片

 

简写属性

技术分享图片

 

前端规范

标签:div   ack   ring   secondary   selector   ant   line   class   inf   

原文地址:https://www.cnblogs.com/namehou/p/10346424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!