定义好CSS样式后，需要在网页区块中应用样式效果，让样式与布局相互关联起来，从而可以让浏览器识别并调用。这里介绍四种在页面中应用样式的方法：行内式、内嵌式、链接式和导入式。
1．行内式
行内式也称内部样式表。行内样式直接对HTML标记使用style属性，然后将CSS代码直接写在其中。
<html>
<head>
<title>行内式</title>
</head>
<body>
<p style="color：#FF0000；fone-size：20px；text-decoration：underline；">行内式1</p>
<p style="color：#FF0000；fone-style：italic；">行内式2</p>
</body>
</html>
行内式需要为每一个标记设置style属性，后期维护成本高，网页容易过于烦琐。
2．内嵌式
内部样式表是把样式表放到页面<head></head>区里，这些定义的样式就应用到页面中了，样式表是用<style>标记插入的，从下例中可以看出<style>标记的用法：
<head>
<style type="text/css">
<!--
p {margin-left:20px}
body {background-image:url("images/pic1.gif")}
-->
</style>
</head>
内嵌式中所有的CSS代码集中在了同一个区域，方便了后期维护，页面有了一定程度的精减。
3．链接式
链接式也称链入外部样式表，应用最为广泛。通常需要单独新建一个样式表文件，然后在页面中<link>标记链接到这个样式表文件。
<head>(www.xing528.com)
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
上述代码表示浏览器从“mystyle.css”文件中以文档格式读出定义的样式表。“rel=”“stylesheet”是指在页面中使用这个外部的样式表。“type=”“text/css”是指文件的类型是样式表文本。“href=”“mystyle.css”是文件所在的位置。
下面为一个链接式的实例，首先创建一个html文件：
<html>
<head>
<title>链接式</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<h2>链接式1</h2>
<p>链接式2</p>
</body>
</html>
再创建一个mystyle.css文件：
h2 {color:#FF0000;}
p {margin-left:20px;}
可以看出，mystyle.css样式表文件和html文件单独分开，一个外部样式表文件可以应用于多个html页面。当用户改变这个样式表文件时，所有页面的样式都随之而改变。在制作大量相同样式页面的网站时，只需要链接到样式表文件。链接式有利于后期的修改、编辑，浏览时也减少了重复下载代码。
4．导入式
导入外部样式表是指在页面初始化时就导入一个外部样式表，作为文件的一部分。导入mystyle.css样式表时使用@import语句有以下几种形式：
@import mystyle.css;
@import"mystyle.css";
@import'mystyle.css';
@import url("mystyle.css");
例中“@import"mystyle.css"”表示导入mystyle.css样式表，注意使用时外部样式表的路径。方法和链接入样式表的方法很相似，但导入外部样式表输入方式更有优势。实质上它相当于是内部样式表中的一部分。
在Dreamweaver图形用户界面中应用已经定义好的选择器时，只需先选择相应的区块，在下面CSS属性面板中选择已经定义好的选择器名即可。动手给区块应用样式时，“标签选择器”自动应用样式效果，“类别选择器”通常写为“class=”“类别选择器名”，“ID选择器”可通过“id=”“ID选择器名”来应用各个选择器效果。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
