一种方法，是简单的使用多个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是可以有多个元素的，但会遵循先来后到的原则。希望能够帮到你，谢谢。
