日期:2014-05-17  浏览次数:20666 次

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

HTMLCSS是两个作用不同的语言,它们同时对一个网页产生作用,因此必须通过一些方法,将CSSHTML挂接在一起,才能正常工作。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文件,二者的