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与标签选择器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、编码规范 a)html语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患所有命名都使用英...
    字母31阅读 70评论 0 0
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,997评论 3 184
  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,148评论 0 66
  • 离年底还有45天,离签到130次还有20天。除去出差的日子,每天都到,应该能完成。 有时只是闲坐,有时也跑步机上走...
    行一馆阅读 153评论 0 0
  • Happy_Sad阅读 416评论 0 1