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相关规范

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