一种方法,是简单的使用多个link标签:
成都创新互联专注于企业营销型网站、网站重做改版、沙市网站定制设计、自适应品牌网站建设、HTML5建站、商城建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为沙市等各大城市提供网站开发制作服务。
link type="text/css" href="a.css" rel="stylesheet" /
link type="text/css" href="b.css" rel="stylesheet" /
……
另一种方法,是使用import:
all.css中这么定义:
@import "a.css";
@import "b.css";
页面中使用link标签:
link type="text/css" href="all.css" rel="stylesheet" /
注意:import好象影响效果问题
假如有个div 如 div/div ;样式 class_1,class_2,class_3 ...
给div定义多个样式 div class="class_1 class_2 ..."/div,多个class用空格隔开
多个样式或者标签中间用逗号(,)隔开
这样就可以让他们拥有共同的样式
例如:
.div1,.div2,.div3{color:#f00;} //这里表示的是相同的三个DIV颜色为红色
p,h1{color:#f00;} //p标签和h2标题颜色为红色
一般一个元素对应一个css,比如:
h1一个元素/h1
h1{
color:red;
}
如果多个元素,比如:
h1多个元素/h1
h1{
color:red;
}
h1{
color:blue;
}
h1{
font-size:50px;
}
那么这样的话,就有先来后到的顺序。第一个表示红色,第二个表示蓝色,第三个是字体大小。按照显示该文字应该是“蓝色+50像素大小”。红色的元素就被忽略了。
所以,html是可以有多个元素的,但会遵循先来后到的原则。希望能够帮到你,谢谢。