【CSS筆記二】CSS樣式基本知識

一、內聯式css樣式，直接寫在現有的HTML標籤中 
CSS樣式可以寫在哪些地方呢？從CSS 樣式程式碼插入的形式來看基本上可以分為以下3種：內聯式、嵌入式和外部式三種。

內嵌式css樣式表就是把css程式碼直接寫在現有的HTML標籤中，如下面程式碼：

<p style="color:red">这里文字是红色。</p>

注意要寫在元素的開始標籤裡，下面這種寫法是錯誤的：

<p>这里文字是红色。</p style="color:red">

且css樣式程式碼要寫在style=」「雙引號中，如果有多條css樣式程式碼設定可以寫在一起，中間用分號隔開。如下程式碼：

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

二、嵌入式css樣式，寫在目前的檔案中 
內聯式只能一個個修改，嵌入式可以一次設定多個文字的樣式。 
嵌入式css樣式，就是可以把css樣式程式碼寫在標籤之間。如下面程式碼實作把所有標籤中的文字設定為紅色：

<style type="text/css"> span{ color:red; } </style>

嵌入式css樣式必須寫在之間，並且一般情況下嵌入式css樣式寫在

之間。
三、外部式css樣式，寫在單獨的一個文件中 
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為副檔名，在內（不是在