【转载】在网页中引出CSS的方法-HTML教程-爱易网页

【转载】在网页中引出CSS的方法

日期：2014-05-17　浏览次数：20603 次

【转载】在网页中引入CSS的方法

HTML与CSS是两个作用不同的语言，它们同时对一个网页产生作用，因此必须通过一些方法，将CSS与HTML挂接在一起，才能正常工作。在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种(优先级从高到低)。

1，行内式

<div style="border:2px #00F solid; width:80px; height:30px;">文本内容</div>

?在标记的style属性中设置CSS样式，这种方法无法体现CSS的优势，不提倡使用。

2，嵌入式

将页面中元素的属性的设置写在<head>与</head>之间。

<html>  
<head>  
<title>webpage</title>  
<style type="text/css">  
   div{  
          border:2px #00F solid;   
          width:80px;   
          height:30px;  
       }  
</style>  
</head>  
<body>  
      <div>文本内容</div>  
</body>  
</html>

这种方式对于单一的网页很方便，但是对于包含较多页面的网站，如果对每一个页面都以内嵌的方式设置各自的样式，就失去了CSS的优点，而实际上对于一个网站都编写一个单独的CSS文件，用以下两种方法引入HTML文件中。

3，导入式与链接式

导入式与链接式的目的都是将一个独立的CSS文件引入HTML文件，二者的