添加CSS样式表的三种方法
1、直接在标签内定义,主要是在body内实现。例如:<p style="color:blue;font-size:10pt
">css实例</p>
。不过呢,这种方法使用比较简单、显示直观,无法发挥样式表的优势,因此呢我们是不推荐使用的。
2、在head里实现的css样式。这种的css一般位于html文件的头部,即<head>
与</head>
标签内,并且以<style>
开始,以</style>
结束。例如如下代码:
<style Type="text/css">
<!--
H1{font-size:x-large;color:red}
H2{font-size:large;color:blue}
-->
</style>
其中<style>
与</style>
直接是样式的内容,在{ }前面可以写样式的类型和名称。{ }中是样式的属性。这种方法是经常被使用的添加样式表的方法。
3、在文件外使用(也就是使用链接样式表),就是我们在网页中可以调用我们已经定义好的样式表来实现样式表的应用,它可以定义在html文件内部,也可以单独成为文件。这种方法最适合大型网站的css样式定义。
举例如下:
建立test.htm
head中加入
<LINK REL=StyleSheet HREF="style.CSS" TYPE="text/CSS" MEDIA=screen>
在style.css中添加
h1{font-size:larger; color: #330066}
test.htm中这样使用,就可以安装样式规定显示
<h1>外部样式表</h1>