CSS層樣式表有哪幾種類型

CSS層樣式表有3種：1、行內樣式表，利用style屬性將樣式寫在HTML標籤中；2、內部樣式表，將樣式程式碼寫在「c9ccee2e6ea535a969eb3f532ad9fe89」標籤對中；3、外部樣式表，將樣式程式碼寫在單獨的「.css」檔案中，使用「2cdf5bf648cf2f33323966d7f58a7f3f」標籤引用

本教學操作環境：windows7系統、CSS3版、Dell G3電腦。

CSS即層疊樣式表（Cascading Style Sheets），是一種用來表現HTML或XML等檔案樣式的電腦語言。 CSS樣式主要包含以下三種類型：

1、行內樣式表（內聯樣式）

利用style屬性將樣式寫在HTML標籤中。

<标签 style="属性：属性值；属性：属性值；"></标签>

如下面程式碼：

<p style="color:red;font-size:12px">这里文字是红色。</p>

2、內部樣式表：

將樣式程式碼寫在頁面c9ccee2e6ea535a969eb3f532ad9fe89...< ;/style>標籤之中

範例：

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>

c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927標籤結構可以位於頁面6a74014ee44f5deb5894267f99b68016標籤中的任何位置，也可以多次出現。通常是將整個c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927結構寫在頁面的93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1部分。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統一性和規劃性，一個頁面內部便於復用和維護，但多個頁面之間的CSS代碼復用仍然不夠。

【推薦教學：CSS影片教學 】

#3、外部樣式表（.css檔案）：

css程式碼寫一個單獨的外部檔案中，這個css樣式檔案以「.css」為副檔名，在93f0f5c25f18dab9d176bd4f6de5d30e內（不是在c9ccee2e6ea535a969eb3f532ad9fe89標籤內）使用2cdf5bf648cf2f33323966d7f58a7f3f標籤將css樣式檔連結到HTML檔案內，如下列程式碼：

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

• rel="stylesheet"指link與href之間的關聯樣式為樣式表檔案
  

• type="text/css"指檔案類型為樣式表文字

注意：

1、css樣式檔案名稱以有意義的英文字母命名，如main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、2cdf5bf648cf2f33323966d7f58a7f3f標籤位置一般寫在93f0f5c25f18dab9d176bd4f6de5d30e標籤之內。

更多程式相關知識，請造訪：程式設計影片！ ！

以上是CSS層樣式表有哪幾種類型的詳細內容。更多資訊請關注PHP中文網其他相關文章！