关于CSS效率的问题_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 16:31:21

关于CSS效率的问题_html/css_WEB-ITnose

关于CSS效率的问题_html/css_WEB-ITnose:CSS HTML 二话不说先上代码 .bar { width: 960px; line-height: 30px; background: blue; color: white; font-weight: bold;}.navi { width: 960px; padding: 5px; background: green; color: whi

推荐度：

点击下载本文 文档为doc格式

导读关于CSS效率的问题_html/css_WEB-ITnose:CSS HTML 二话不说先上代码 .bar { width: 960px; line-height: 30px; background: blue; color: white; font-weight: bold;}.navi { width: 960px; padding: 5px; background: green; color: whi

CSS HTML

二话不说先上代码

.bar { width: 960px; line-height: 30px; background: blue; color: white; font-weight: bold;}.navi { width: 960px; padding: 5px; background: green; color: white; font-weight: bold;}.style1 {color: white; width: 500px;}.style2 {font-weight: bold; line-height:30px;}

Here is some text这个DIV的class中的XXX无关紧要这个DIV的class中的XXX无关紧要Here is some text

再看一段代码：

.text_white {color:white;} .text_bold {font-weight: bold;} .width_960 {width: 960px;}.bar { line-height: 30px; background: blue;}.navi { padding: 5px; background: green;}.style1 {width: 500px;}.style2 {line-height:30px;}

Here is some text这个DIV的class中的XXX无关紧要这个DIV的class中的XXX无关紧要Here is some text

这两段代码中，第一种是我经常用的方法，但是最近看一个朋友写的代码（也就是第二种代码），就把一些公共属性提取出来了。而对于这种方法我很疑惑，因为如果把一些属性都提出来当做一个样式去管理，那么如果公共样式多的话，一个DIV就可能继承七八个CLASS，这样好么？效率会不会有所下降？会不会违背了CSS的初衷？因为我觉得如果继承的CLASS多了就和在HTML里面用STYLES属性来控制元素样式无异了。。