将CSS样式表加入到网页时,分为以下几种方法:
1.将样式表内嵌到HTML文件中;
是指样式文件写入到<style></style>标签之内,一般用于访问量比较大的页面,通过减少HTTP请求数而减轻服务器的负担。
缺点:需要修改时之内对其所在页面进行修改,所以的样式表信息均列于HTML文件的顶部。
<style type="text/css">
……
</style>
2.将一个外部样式表链接到HTML文件中;
在维护的站点很大的情况下必不可少的,使用方法:在网页<head>内使用</link>标签,而不使用<style>规则。
<head>
<link rel=stylesheet href="style.css" type="text/css">
</head>
3.将一个外部样式表输入到HTML文件中;
输入外部样式表的方法同链接的方法类似。不同之处在于链接法不能同其他地方方法结合使用,但输入法则可以。
<style type="text/css">
@import url(style.css);
h1{color:#666;} /** h2标题的字体颜色为灰色 **/
</style>
4.将样式表加入到HTML文件行中。
行内样式表的应用范围很小,只对具有style属性的标签元素有效,并且优先级也是很高的,只需要在HTML行中加入样式规则。
<h1 style="color:#fff;font-size:12px;">h1的颜色,字体大小</h1>