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

作者佚名技术来源 CSS技术浏览发布时间 2012-03-04

上一篇介绍了CSS语法

我们可以用以下四种方式，将CSS套用入HTML文件中：

行內套用(Inline) 行内套用(Inline)

嵌入套用(Embed) 嵌入套用(Embed)

外部連接套用(External Link) 外部连接套用(External Link)

匯入套用(Import) 汇入套用(Import)

行內套用行内套用

我們可以在HTML 文件內直接宣告樣式。我们可以在HTML文件内直接宣告样式。舉例來說，举例来说，

以上的HTML 文件在瀏覽器上會顯現為：以上的HTML文件在浏览器上会显现为：

This is font size 16. This is font size 16.

嵌入套用嵌入套用

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

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

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

以上的HTML 會顯現出：以上的HTML会显现出：

背景顏色是紅色背景颜色是红色

外部連接套用外部连接套用

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

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

匯入套用汇入套用

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: css对于颜色和文本属性的控制下一篇: 提高CSS的网页渲染效率11个注意点

关于CSS教程：CSS放入网页的几种方式的所有评论

随机推荐