链接式CSS样式 - 宁波智森网络公司

链接式CSS样式表是适用频率最高，也是最为实用的方法。它将HTML页面本身与CSS样式风格分离为两个或者多个文件，实现了页面框架HTML代码与美工CSS代码的完全分离，使得前期制作和后期维护都十分方便，网站后台的技术人员与美工设计者可以很好的分工合作。
而且对于同一个CSS文件可以链接到多个HTML文件中，甚至可以链接到整个网站的所有页面中，使得网站整体风格统一、协调，并且后期维护的工作量也大大减少。下面来看下链接式样式表的实例，HTML文件如:
<html>
<head>
<title>页面标题</title>
<link href=''1.css" type="text/css" rel="stylesheet">
</head>
<h2>Css标题</h2>
<p>紫色、粗体、下划线、25px的效果</p>
<h2>CSS标题2</h2>
<p>紫色、粗体、下划线、25px的效果2</p>
</body>
</html>
然后创建文件1.css，如
H2{
Color:#0000FF;
}
P{
Color:#FF00FF;
Text-decoration:underline;
Font-weight:bold;
Font-size：20px;
}

从上例中看到，文件1.css将所有的css代码从HTML文件中分离出来，然后在文件的<head>和</head>标记之间加上"<link href="1.css" type="text/css" rel="stylesheet">"语句，将CSS文件链接到页面中，对其中的标记进行样式控制。
链接式样式表的最大优势在于CSS代码与HTML代码完全分离，并且同一个CSS文件可以被不同的HTML所链接使用。因此在设计整个网站时，可以将所有页面都链接到同一个CSS文件，使用相同的样式风格。如果整个网站需要进行样式上的修改，就仅仅只需要修改这一个CSS文件即可。