CSS标签与样式常用的四种写法与实例介绍

CSS标签与样式常用的四种写法与实例介绍

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}

<td style="color:#c00; font-size:15px; line-height:18px;>八十年代</td> 

将样式规则写在<STYLE>...</STYLE>标签之中。

二、使用STYLE标签

<STYLE TYPE="text/css"> 
 
<!-- 
 
body { 
 
　　color: #666; 
 
　　background: #f0f0f0; 
 
　　font-size: 12px; 
 
} 
 
td,p { 
 
　　color:#c00; 
 
　　font-size: 12px; 
 
} 
 
--> 
 
</STYLE> 

三、使用 LINK标签

将样式规则写在.css的样式文件中，再以<link>标签引入。 

假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入：

<link rel=stylesheet type="text/css" href="example.css"> 

跟link方法很像，但必须放在<STYLE>...</STYLE>或者独立的CSS表中：

四、使用@import引入

<STYLE TYPE="text/css"> 
 
<!-- 
 
　　@import url(引入的样式表的位址、路径与档名); 
 
--> 
 
</STYLE>