CSS教程：CSS放入网页的几种方式

日期：2008年6月29日作者：查看:[大字体中字体小字体]

我们可以用以下四种方式，将CSS套用入HTML文件中：
行内套用(Inline)
嵌入套用(Embed)
外部连接套用(External Link)
汇入套用(Import)
行内套用

我们可以在HTML文件内直接宣告样式。举例来说，

<p style='font-family:verdana; font-size:16;'>This is font size 16.</p>

以上的HTML文件在浏览器上会显现为：

This is font size 16.

嵌入套用

样式可以嵌入于HTML文件中(通常是在<head>内)。举例来说，

<head>
<style type="text/css">
div {
background-color:#FF0000;
}
</style>
</head>

<body>
<div>
背景颜色是红色
</div>
</body>

以上的HTML会显现出：

背景颜色是红色

外部连接套用

在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。该档案通常名称为.css。在HTML文件的<header> .. </header>之中，我们将用以下的程式码将这个.css档案连接进入：

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

以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。

汇入套用

外部的CSS样式也可以被汇入进HTML文件。汇入的做法为利用@import这个指令。 @import的语法为：

<STYLE TYPE="text/css">

</STYLE>

@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，后被加入的CSS样式有优先的顺位(详情请见CSS串接 )。

（出处：http://www.hackhome.com/）

CSS教程：CSS放入网页的几种方式相关文章：
·各种文件后缀名与打开方式大全
·恢复exe文件打开方式,所有exe文件无法打开
·JSP文件下载的几种方式
·黑客必学：DOS状态下命令方式入侵系统
·华为 SmartAX MT800设置路由方式教程
·9种常见的INTERNET接入方式（图）
·ADSL共享上网方式大总结（图解）
·木马病毒的启动方式介绍
·控制面板快捷方式大全
·交换机的连接方式详解(图)
CSS教程：CSS放入网页的几种方式相关软件
·《模拟人生2夜生活》模拟方式免CD补丁
·《NBA2006》繁体中文版模拟方式免CD补丁
·《三国志10》PK版模拟方式免CD补丁
·《大富翁7》模拟加禁止光驱方式免CD补丁
·《青蛇2》模拟方式免CD补丁
·《黑与白2》完美模拟方式免CD补丁
·《世界斯诺克冠军赛2005》模拟方式免CD补丁
·《信长之野望12革新》中文版模拟方式免CD补丁
·《战斗妖精雪风》模拟方式免CD补丁
·《模拟人生2》模拟方式免CD补丁

上一篇:木马群利用Flash漏洞肆虐PC超300万台

下一篇:CSS教程：CSS到底是干什么用的？

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

CSS教程：CSS放入网页的几种方式

行内套用

嵌入套用

外部连接套用

汇入套用

精品推荐

热点TOP10

特别推荐