CSS相关规范

作者: 就换一颗红豆 | 来源:发表于2016-08-15 06:14 被阅读35次

目前引入了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相关规范

    1、编码规范 a)html语义化标签优先基于功能命名、基于内容命名、基于表现命名简略、明了、无后患所有命名都使用英...

  • CSS相关规范

    目前引入了bootstrap.css一个CSS文件。 CSS文件架构: -CSS --theme.css --gl...

  • 代码规范

    根据公司相关内容,简单总结一下前端的代码规范,以后再慢慢更新 js与css规范, 开头要写相关信息 js规范 变量...

  • 我的前端规范——CSS篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——HTML篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——JavaScript篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 我的前端规范——开篇

    相关文章 博客原文我的前端规范——开篇我的前端规范——HTML篇我的前端规范——CSS篇我的前端规范——JavaS...

  • 前端开发文档规范

    HTML 编码规范 请查看HTML编码规范 CSS 编码规范 请查看CSS编码规范 JavaScript 编码规范...

  • CSS 语法整理

    平常项目中遇到的css不常用语法整理 css问题解决及说明相关网址 前端CSS规范整理 -- 标点符 编写高效的C...

  • 非常有用的css规范标准

    CSS图书馆 » HTML & CSS » 推荐大家使用的CSS书写规范、顺序 推荐大家使用的CSS书写规范、顺序...

网友评论

    本文标题:CSS相关规范

    本文链接:https://www.haomeiwen.com/subject/rwcusttx.html