DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS應用基礎教程:基本認識
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種標准的顏色名稱。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved