大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
一种方法,是简单的使用多个link标签:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网站空间、营销软件、网站建设、淮安网站维护、网站推广。
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好象影响效果问题
大型网站的样式岂止能用多来形容,关键是不仅仅样式多,人也多,自然做起来要更系统一些了。
说下样式表分开写的好处:
1.结构更清晰,知道每个文件里都是定义什么内容的,以后修改直接到对应的样式表里修改就好了。
2.全局和个性样式分开,或者个性样式和个性分开,有利于组合提取,一方面可以有助于掌握所有样式,避免重复书写样式,省去很多重复代码,另一发面可以少去加载不必要样式的时间,增加页面加载速度。
3.很多样式都是通过组合引用来达到的,格式是class="css1 css2 css3",这种多个样式组合成一种样式,一般情况下css1是大体样式,css2和css3是具体样式,把这两种样式分别在不同样式表里,有修改需求时改一处就能搞定,这点优势尤其体现在修改css1这个基本样式里,例如基本样式里写了一个基本样式是字号14px,组合样式里定义了12种颜色,分别在12个网页里,如果你把样式写在一起,你要修改字体大小,那么你要修改12处,而分开后你只需要修改一处就可以了。
link href="" rel="stylesheet" type="text/css" /
href填css的路径。如果一个页面想要多CSS样式,可以这样写
link href="style/1.css" rel="stylesheet" type="text/css" /
link href="style/2.css" rel="stylesheet" type="text/css" /
link href="style/3.css" rel="stylesheet" type="text/css" /
link href="style/4.css" rel="stylesheet" type="text/css" /
如果多个样式表里面对同一个元素应用的是不同的css 样式是没问题的,如果是同一个css 样式的话按照加载顺序来后面的样式会覆盖前面的样式(比如后面设置的height :21px 就会覆盖前面的样式表设置的height :18px )
假如有个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标题颜色为红色