css特效樣式知識解析「什麼是css樣式及作用」

上幾節我們把HTML相關的必要知識點給大家已經講完，剩下的細節大家可以查閱資料再進行深入研究。從這一節開始，我們正式進入CSS的學習，在學習之前我們先介紹幾個概念。

第一，什麼是CSS？

第二，為什麼需要CSS？

第三，怎麼使用CSS？

首先，什麼是CSS？CSS 是一種描述 HTML 文檔樣式的語言，CSS 描述應該如何顯示 HTML 元素。CSS 官方名稱為層疊樣式表 (Cascading Style Sheets)。下面我們來看一個CSS的使用效果，下邊的代碼<style>標籤內部就是CSS：

那麼，為什麼需要CSS，我們要知道HTML的功能更多的是用來展現數據，而HTML也有屬性可以控制元素的樣式，但是如果只使用HTML自帶的屬性樣式，那幾乎每一個標籤都需要添加屬性，修改起來會特別費勁，而且不能夠重複的使用。還有就是HTML自帶的屬性樣式沒有CSS多樣化和專業，我們使用CSS來約束HTML樣式可以自由控制，在正式編程中我們一般會把CSS文件和HTML單獨放置，做到網頁內容和樣式分離，簡潔明了，比較容易管理，例如下邊的例子，我們可以調用不同的CSS單獨應用到HTML，使得樣式單獨管理。

了解了前兩點內容後，我們應該怎麼使用CSS呢一般情況下我們有三種使用CSS的方式：

有三種插入樣式表的方法：行內 CSS內部、CSS和外部 CSS。

行內 CSS：

行內樣式（也稱內聯樣式）可用於為單個元素應用唯一的樣式。如需使用行內樣式，可以將 style 屬性添加到相關元素，style 屬性可包含任何 CSS 屬性，下邊的例子我們可以看到CSS被寫在HTML標籤內部，使用style 屬性應用CSS：

內部 CSS：

如果一張 HTML 頁面擁有唯一的樣式，那麼可以使用內部樣式表，內部樣式是在 head 部分的 <style> 元素中進行定義，我們可以看到下邊的例子將<style> 元素放在HTML<head>標籤內部實現樣式應用：

外部 CSS：

外部CSS也是我們正式開發中最常用的方式，也是我們應該優先考慮的方式。通過使用外部樣式表，只需修改一個文件即可改變整個網站的外觀，下邊的例子將CSS單獨保存為.css後綴的樣式文件，通過HTML<link>標籤調用CSS文件，每張 HTML 頁面必須在 head 部分的 <link> 元素內包含對外部樣式表文件的引用。：