当前位置:Gxlcms > html代码 > 关于CSS效率的问题_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:2人阅读

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无关紧要

再看一段代码:
.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无关紧要

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


回复讨论(解决方案)

你朋友做的很对 这样才是css的本意

你朋友做的很对 这样才是css的本意

可是如果一个DIV继承多个CLASS(有时候有七八个)那样效率会不会很低?


你朋友做的很对 这样才是css的本意

可是如果一个DIV继承多个CLASS(有时候有七八个)那样效率会不会很低?
那你要证明你这个div 必须处于7种不同类型的变化下面
如果需要那就 这样写
先不要考虑效率
先实现 效率问题需要的时候才进行重构



你朋友做的很对 这样才是css的本意

可是如果一个DIV继承多个CLASS(有时候有七八个)那样效率会不会很低?
那你要证明你这个div 必须处于7种不同类型的变化下面
如果需要那就 这样写
先不要考虑效率
先实现 效率问题需要的时候才进行重构

好的,我知道了,谢谢你

人气教程排行