关闭

导入CSS样式的几种办法

330人阅读 评论(0) 收藏 举报

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象素-->
 

 

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

注释:<!DOCTYPE> 标签没有结束标签!
 
该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档

 

HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

 

HTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

 

HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时

 

Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:311631次
    • 积分:8730
    • 等级:
    • 排名:第2258名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论