CSS樣式表 CSS可算是網頁設計的一個突破，它解決了網頁界面排版的難題。可以這麼說，HTML的Tag主要是定義網頁的內容(Content)，而CSS決定這些網頁內容如何顯示(Layout)。 Web早期，HTML是一種很有限的語言，這種語言不關心外觀，它只是一種簡潔的小型標記機制。 隨著Mosai ...
CSS樣式表
CSS可算是網頁設計的一個突破，它解決了網頁界面排版的難題。可以這麼說，HTML的Tag主要是定義網頁的內容(Content)，而CSS決定這些網頁內容如何顯示(Layout)。
Web早期，HTML是一種很有限的語言，這種語言不關心外觀，它只是一種簡潔的小型標記機制。
隨著Mosaic網頁瀏覽器的出現，網站開始到處涌現。對於頁面改變外觀的需求增加，於是增加了類似<font>和<big>之類的標記元素。
幾年之後，大多數網站標記幾乎完全由表格和font元素組成，且對於所要表現的內容不能傳達任何實際含義，使文檔可用性降低，且不易於維護。
於是1995年，W3C發佈了CSS草案，試圖解決結構與樣式混雜的問題。
1996年，W3C正式推出CSS1。
1998年，推出CSS2。
2001年從CSS3開始，CSS這門語言分割成多個獨立的模塊，每個模塊獨立分級，且只包含一小部分功能。
2011年開始設計CSS4
一、css樣式表的引入
1.內嵌樣式表
內嵌樣式表是寫在Tag(標簽)裡面的。內嵌樣式只對所在的Tag有效 。(如果有多種樣式，內嵌式會覆蓋其它的樣式，並生效自己的)
示例：
<p style="font-size:20pt; color:red"></p>
這個style定義<p></p>裡面的文字 是20pt字體，字體顏色是紅色。
2.內部樣式表
內部樣式表是寫在HTML的<head></head>裡面的。內部樣式表只對所在的網頁有效。
內部樣式表要用到style這個Tag，寫法如下 ：
<style type="text/css"> div{ color : red; } </style>
3.外部樣式表
如果很多網頁需要用到同樣的樣式(Styles)，要用外部樣式表。外部樣式表需要將樣式寫在一個css文件中,然後在頁面中用<link>標簽引入，在需要應用該樣式的每個頁面中引入該文件。
示例:
<HTML> <HEAD> <link href="../css/a.css " rel ="stylesheet" type="text/css "> </HEAD> <BODY>…</BODY> </HTML>
1、<link>標簽位置一般寫在<head>標簽之內。
2、css樣式文件名稱以有意義的英文字母命名，如 main.css。
3、href=""是引入css的路徑
4、rel="stylesheet" type="text/css" 是固定寫法不可修改。
記住他們的優先順序：內聯式 > 嵌入式 > 外部式
在CSS中也有註釋語句：用/*註釋語句*/來標明 （Html中使用<!--註釋語句-->)
