CSS相关规范

目前引入了bootstrap.css一个CSS文件。

CSS文件架构:

-CSS

 --theme.css

 --global.css 

 --bootstrap.css

theme.css用以添加针对bootstrap的主题样式

global.css用以添加通用的CSS样式


相关规范要求:

1.可以额外新建一个CSS文件用以保存自己的样式,以免混杂。

2.绝对禁止在theme.css以外的文件里直接覆盖bootstrap.css中的CSS。

 比如:

.btn-default {

    color: #FFF; 

}

直接覆盖了btn-default样式。

3.如需要在自己的页面上对部分bootstrap样式进行微调,需在父级元素上添加一个类当做命名空间。

比如:

.myspace .btn-default {

color: #FFF;

}

此类样式只可放在自己的CSS文件中。


4.CSS样式的层级不可超过4个,维持在1-3个为佳。

5.尽量使用.class避免使用#id与标签选择器。

你可能感兴趣的:(CSS相关规范)