主页> 新闻资讯> 正文

如何使用多个CSS类构建页面 2021-11-20 229 来源:一点导航

XHTML允许我们在标签的class属性设置中,同时使用一个以上的类名,用以定义多个CSS样式,示例如下:

<p class="content red newsblock">普通段落</p>

如果采用这种定义方式,那么这段文本将同时具有content,red,newsblock三个CSS样式。这一来,我们能够更好地重复使用CSS定义。如果在所定义的多个CSS样式中,存在样式突破的话,那么浏览器会从左到右为序,把最后一个样式定义解析为最终样式。

如何使用多个CSS类构建页面-一点导航

在实际应用中,我们可以将CSS设置为一种搭建式的结构,比如我们可以定义一种CSS用于设置颜色,比如.red{};再定义一种CSS专门用于网站中内容的基本字体、字距排版,比如content{};然后再做一些特例,比如出现新闻内容时,采用.newsblock{}类。这样,我们就可以根据不同情况,对class进行组合,从而形成上例中的class=“content red newsblock”的定义方式。而其他地方也许会产生新的构建,再以搭积木的方式来构建页面。

还没有评论,来说两句吧...

发表评论