BootstrapCSS编码规范之单行规则声明

来源：互联网收集：自由互联发布时间：2023-07-02

单行规则声明对于只包含一条声明的样式为了易读性和便于快速编辑建议将语句放在同一行。对于带有多条声明的样式还是应当将声明分为多行。单行规则声明对于只包含一条声明的样

单行规则声明对于只包含一条声明的样式为了易读性和便于快速编辑建议将语句放在同一行。对于带有多条声明的样式还是应当将声明分为多行。

单行规则声明

对于只包含一条声明的样式为了易读性和便于快速编辑建议将语句放在同一行。对于带有多条声明的样式还是应当将声明分为多行。

这样做的关键因素是为了错误检测。如CSS 校验器指出在 183 行有语法错误。如果是单行单条声明你就不会忽略这个错误如果是单行多条声明的话你就要仔细分析避免漏掉错误了。

/* Single declarations on one line */

.span1 { width: 60px; }

.span2 { width: 140px; }

.span3 { width: 220px; }

/* Multiple declarations, one per line */

.sprite {

display: inline-block;

width: 16px;

height: 15px;

background-image: url(../img/sprite.png);

}

.icon { background-position: 0 0; }

.icon-home { background-position: 0 -20px; }

.icon-account { background-position: 0 -40px; }

关于作者

歪脖先生十五年以上软件开发经验酷爱Web开发精通 HTML、CSS、Javascript、jQuery、JSON、Python、Less、Bootstrap等著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》并全部在 GitHub 上开源。

上一篇：一个8年软件测试工程师的经验分享——软件测试工程师必看！！！
下一篇：没有了

BootstrapCSS编码规范之单行规则声明

单行规则声明

相关文章