样 式 表 全 接 触(5)

五、样式表的引入

了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法。

1、使用

1<link/>

链接外部样式表单;例如:

1<head>
2<title>My Stylesheet</title>
3<link href="mystyles.css" rel="stylesheet" type="text/css"/>
4</head>

应用CSS文件的一个最大好处就是,你可以在每个HTML文件中引用这个文件,从而可使整个站点的HMTL文件在风格上保持一致,避免重复的CSS属性设置;另外,当你遇上改版或作某些重大调整要对风格进行修改时,可直接修改这个CSS文件,当然了,HTML文件一直引用最近更新的样式单,而不必每个每个HTML文件进行整,你说是不是挺方便的呀!特别提醒一下,如果你想建立自己的网站,这方面不可忽视哟,如果在建站之初没有网站风格的统一规划并形成CSS文件,以后内容一多,想调整一下风格会累死你的。

2、把定义语句放在

 1<head>和<body>标签之间,这种风格定义产生作用的范围也只局限于本文件,其格式如下(套用上边的CSS) 
 2
 3<style type="text/css">
 4
 5<!-- 
 6
 7td{ color: green; font-size: 15px; font-family: Arial } 
 8
 9\-->
10
11</style>
12
133、使用CSS"@import"导入样式表单;例如: 
14
15<style type="text/css">
16
17<!-- 
18
19@import url(mystyles.css); 
20
21\-->
22
23</style>
24
254、在<body>内部元素中使用"STYLE"标记来定义;例如: 
26
27<p style="color: red; font-size: 20px; font-family: Arial">我的样式表</p>
28
295、直接插入式 
30
31直接插入式很简单,只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接,如我们想规定一个Table标志中的字为红色,字体大小为10pt,则可书写如下: 
32
33<table style="color:red;font-size:10pt">
34
35这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。</table></body></body></head>
Published At
Categories with 网页设计
Tagged with
comments powered by Disqus