目前引入了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与标签选择器。