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

导入CSS样式的几种办法

1. 链入外部样式表

<head> 
…… 
<link href="mystyle.css" rel="stylesheet" type="text/css" media="all"> 
…… 
</head>

?

?

?2.内部样式表

<head> 
…… 
<style type="text/css"> 
            <!-- 
hr {color: sienna} 
            p {margin-left: 20px} 
            body {background-image: url("images/back40.gif")} 
--> 
            </style> 
…… 
</head>

??

 3. 导入外部样式表

<head> 
…… 
<style type=”text/css”> 
            <!-- 
@import “mystyle.css” 
其他样式表的声明 
--> 
            </style> 
…… 
</head> 

?

  例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。
注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面

?

  
  4. 内嵌样式

<p style="color: sienna;margin-left: 20px;"> 
这是一个段落 
</p> 
<!--这个段落颜色为土黄,左边距为20象素-->
 

?