Bootstrap CSS语法编码规范有哪些

发布时间:2022-03-02 15:38:55 作者:iii
来源:亿速云 阅读:131

这篇文章主要讲解了“Bootstrap CSS语法编码规范有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Bootstrap CSS语法编码规范有哪些”吧!

1.用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。

2.为选择器分组时,将单独的选择器单独放在一行。

3.为了代码的易读性,在每个声明块的左花括号前添加一个空格。

4.声明块的右花括号应当单独成行。

5.每条声明语句的 : 后应该插入一个空格。

6.为了获得更准确的错误报告,每条声明都应该独占一行。

7.所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。

8.对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。

9.不要在 rgb()、rgba()、hsl()、hsla() 或 rect() 值的内部的逗号后面插入空格。这样利于从10.多个属性值(既加逗号也加空格)中区分多个颜色值(只加逗号,不加空格)。

11.对于属性值或颜色参数,省略小于 1 的小数前面的 0 (例如,.5 代替 0.5;-.5px 代替 -0.5px)。

12.十六进制值应该全部小写,例如,#fff。在扫描文档时,小写字符易于分辨,因为他们的形式更易于区分。

13.尽量使用简写形式的十六进制值,例如,用 #fff 代替 #ffffff。

14.为选择器中的属性添加双引号,例如,input[type="text"]。只有在某些情况下是可选的,但是,为了代码的一致性,建议都加上双引号。

15.避免为 0 值指定单位,例如,用 margin: 0; 代替 margin: 0px;。

感谢各位的阅读,以上就是“Bootstrap CSS语法编码规范有哪些”的内容了,经过本文的学习后,相信大家对Bootstrap CSS语法编码规范有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. Bootstrap入门
  2. bootstrap和jquery有哪些区别?

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css bootstrap

上一篇:DIV CSS布局的方法

下一篇:MySQL单行注释和多行注释的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》