您当前位置:桂林网站建设 > 新闻资讯
class属性多个样式的叠加
Time:2017-09-17
很多网页设计师都知道一个class对应一个样式,但它们不是一对一的关系,css样式其实是可以一对多的。 
如果A块需要用到加粗/颜色,B块需要用到颜色/字体,按一对一原则,我们需要在每个CSS样式里面加入颜色代码,但当有N个地方要用到颜色时,如果我们还像以前一样,每个都加的话,就有浪费资源了。
我们可以制作不同的小样式个体,然后通过组装的方式,写进class里面,
这种样式的交叉应用,也可以称为样式叠加法。 这样的方式可以省去你很多编写样式的时间,而且使用css文件没那么大。

<style type="text/css">
.jiacu { font-weight:bold}
.ziti { font-size:20px;}
.yanse {color:#0F0}
</style>
<div class="ziti yanse">
设置字体的大小和背景颜色!
</div>

最新资讯