CSS應用基礎教程：基本認識

　　應　用　上　的　基　本　認　識

　　應用CSS並不困難，但是請您先參考這裡的基本認識，對一些用語有了一點基本概念後，對於您在看後面的教學會有助益，看起來也才不會太吃力!

　　一、基本用語的認識：

　　元件(element)：亦即HTML基本文法中的標籤(tag)。

　　屬性(attribute)：用以描述標籤特性的屬性。

　　例如：

　　<HR WIDTH="90%">中，HR為標籤，WIDTH為屬性，而80%即為WIDTH屬性的值。

　　性質(property)：用以描述元件的特性。相當於HTML基本 文法中的屬性。

　　樣式(style)：擁有一組或數組的性質，用以描述元件特性。

　　挑選者(selector)：套用樣式的元件。

　　例如：

　　H3{ COLOR : BLUE }中，H3為挑選者，COLOR為性質，BLUE為COLOR性質的值。

　　二、基本單位的認識：

　　有相對單位與絕對單位兩種單位 表達方式。

　　相對單位：

　　『em』：相對於字母高度的比例因素。

　　『en』：相對於字型大小的比例因素。

　　『%』：相對於長度單位(通常是目前字型的大小)的百分比例。

　　絕對單位：

　　『in』：英寸。

　　『cm』：公分。

　　『mm』：公釐。

　　『px』：像素(系統預設單位)。

　　『pc』：pica，印刷活字單位。

　　『pt』：像點。

　　相對關係：1in= 6pc= 72pt= 2.54cm= 25.4mm

　　三、顏色使用的認識：

　　顏色的表示共有五種方式。

　　『#RRGGBB』：

　　以三個00到FF的十六進位值分別表示0到255十進位值的紅、綠、藍三原色數值。

　　『#RGB』：

　　簡略標記法，只用三個0到F的十六進位值分別表示紅、綠、藍三原色數值。而事實上，瀏覽器會自動擴充為六個十六進位的值，如『#ABC』將變為『#AABBCC』。但是，顯見這樣的 標記法並不精確。

　　『rgb(R,G,B)』：

　　以0到255十進位值的紅、綠、藍三原色數值來表示顏色。

　　『rgb(R%,G%,B%)』：

　　以紅、綠、藍彼此相對的數值比例來表示顏色，如『rgb(60%,100%,75%)』。

　　『Color_Name』：

　　直接以顏色名稱來表示顏色，共有141種標準的顏色名稱。