1. 程式人生 > 實用技巧 >學習HTML4.0樣式程式碼均可移出

學習HTML4.0樣式程式碼均可移出

如何使用樣式

當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表:

外部樣式表

當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個檔案來改變整個站點的外觀。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

  

內部樣式表

當單個檔案需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 <style> 標籤定義內部樣式表。

<head>

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

  

內聯樣式

當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下例項顯示出如何改變段落的顏色和左外邊距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

  

訪問我們的CSS 教程,學習更多有關樣式的知識。

標籤描述
<style> 定義樣式定義。
<link> 定義資源引用。
<div> 定義文件中的節或區域(塊級)。
<span> 定義文件中的行內的小塊或區域。
<font> 規定文字的字型、字型尺寸、字型顏色。不贊成使用。請使用樣式。
<basefont> 定義基準字型。不贊成使用。請使用樣式。
<center> 對文字進行水平居中。不贊成使用。請使用樣式。