导入CSS样式的几种办法

liusure0

2012-09-26

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

样式渲染的优先权限

导入CSS样式的几种办法

<!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：

liusure0

0 关注 0 粉丝 0 动态

关注关注

安科网

导入CSS样式的几种办法

liusure0

liusure0

liusure0