当前位置:主页 > 站长学院 > 网页设计 >

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

YouYou 发布于 2018-11-24
频道:网页设计

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

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

一、使用STYLE属性

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

  1. <td style="color:#c00font-size:15pxline-height:18px;>八十年代</td> 

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

二、使用STYLE标签

  1. <STYLE TYPE="text/css"
  2.  
  3. <!-- 
  4.  
  5. body { 
  6.  
  7.   color#666
  8.  
  9.   background#f0f0f0
  10.  
  11.   font-size12px
  12.  
  13.  
  14. td,p { 
  15.  
  16.   color:#c00
  17.  
  18.   font-size12px
  19.  
  20.  
  21. --> 
  22.  
  23. </STYLE> 

三、使用 LINK标签

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

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

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

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

四、使用@import引入

  1. <STYLE TYPE="text/css"
  2.  
  3. <!-- 
  4.  
  5.   @import url(引入的样式表的位址、路径与档名); 
  6.  
  7. --> 
  8.  
  9. </STYLE> 
×
QQ在线客服

服务中心

zfzf