關(guān) 於 C S S 的 概 論

  CSS是『Cascading Style Sheets』的簡稱,中文翻為「串接樣式表」,也有人只翻為「樣式表」。CSS用以作為網(wǎng)頁的排版與風(fēng)格設(shè)計(jì),在所謂的「新式網(wǎng)頁」里 ,CSS不容置疑是相當(dāng)重要的一環(huán)。CSS是以既有的基礎(chǔ),用以彌補(bǔ)既存HTML 規(guī)格里的不足,也讓網(wǎng)頁的設(shè)計(jì)更為靈活。

  這份教學(xué)文件就要來為您介紹CSS的應(yīng)用羅!在這邊并不介紹CSS的所有規(guī)格 ,僅就您在網(wǎng)頁寫作上較常用到,較可能用到的語法部份及應(yīng)用的方法來為您作介紹。也 由於現(xiàn)在兩瀏覽器的相容是漸行漸遠(yuǎn),將貼心地為您注明支援該語法的瀏覽器。而IE從 3.0開始便支援部份語法了,這點(diǎn)也會(huì)為為您注明的。

各 章 節(jié) 的 概 略 介 紹

  為了您參考與學(xué)習(xí)上的方便,在這里先為您大略地說明一下這份教學(xué)文件各章節(jié)所包含的內(nèi)容吧!讓您在參考時(shí)有個(gè)方向與概念。基本上,前兩章著重於概念與基本認(rèn)知的建立,也就是一些為您做一些札根的工作;第三章則為您補(bǔ)充在應(yīng)用與設(shè)定上的一些其它方式或特性的說明與介紹。而第四章到第六章則著重於語法、參數(shù)與性質(zhì)的介紹,也 就是真正建立在樣式表里面的東東。

第一章 CSS的基本認(rèn)識(shí):
就是本章啦!就介紹您一些CSS基本概念與認(rèn)識(shí)。
第二章 CSS的應(yīng)用方式:
為您介紹CSS的基本宣告、應(yīng)用方法與特性介紹。
第三章 CSS的應(yīng)用補(bǔ)充:
為您介紹CSS的其它宣告方式、應(yīng)用與特性介紹。
第四章 頁面性質(zhì)的CSS:
為您介紹頁面性質(zhì)的CSS相關(guān)語法、參數(shù)與性質(zhì)。
第五章 文字性質(zhì)的CSS:
為您介紹文字性質(zhì)的CSS相關(guān)語法、參數(shù)與性質(zhì)。
第六章 區(qū)塊性質(zhì)的CSS:
為您介紹區(qū)塊性質(zhì)的CSS相關(guān)語法、參數(shù)與性質(zhì)。

應(yīng) 用 上 的 基 本 認(rèn) 識(shí)

  應(yīng)用CSS并不困難,但是請(qǐng)您先參考這里的基本認(rèn)識(shí),對(duì)一些用語有了一點(diǎn)基本概念後,對(duì)於您在看後面的教學(xué)會(huì)有助益,看起來也才不會(huì)太吃力!

一、基本用語的認(rèn)識(shí):
元件(element):亦即HTML基本語法中的標(biāo)簽(tag)。
屬性(attribute):用以描述標(biāo)簽特性的屬性。
例如:
<HR WIDTH="90%">中,HR為標(biāo)簽,WIDTH為屬性,而80%即為WIDTH屬性的值。
性質(zhì)(property):用以描述元件的特性。相當(dāng)於HTML基本 語法中的屬性。
樣式(style):擁有一組或數(shù)組的性質(zhì),用以描述元件特性。
挑選者(selector):套用樣式的元件。
例如:
H3{ COLOR : BLUE }中,H3為挑選者,COLOR為性質(zhì),BLUE為COLOR性質(zhì)的值。

二、基本單位的認(rèn)識(shí):
有相對(duì)單位與絕對(duì)單位兩種單位 表達(dá)方式。
相對(duì)單位:

『em』:相對(duì)於字母高度的比例因子。
『en』:相對(duì)於字型大小的比例因子。
『%』:相對(duì)於長度單位(通常是目前字型的大小)的百分比例。
絕對(duì)單位:
『in』:英寸。
『cm』:公分。
『mm』:公厘。
『px』:像素(系統(tǒng)預(yù)設(shè)單位)。
『pc』:pica,印刷活字單位。
『pt』:像點(diǎn)。
相對(duì)關(guān)系:1in= 6pc= 72pt= 2.54cm= 25.4mm

三、顏色使用的認(rèn)識(shí):

顏色的表示共有五種方式。
『#RRGGBB』:
以三個(gè)00到FF的十六進(jìn)位值分別表示0到255十進(jìn)位值的紅、綠、藍(lán)三原色數(shù)值。
『#RGB』:
簡略表示法,只用三個(gè)0到F的十六進(jìn)位值分別表示紅、綠、藍(lán)三原色數(shù)值。而事實(shí)上,瀏覽器會(huì)自動(dòng)擴(kuò)展為六個(gè)十六進(jìn)位的值,如『#ABC』將變?yōu)椤?AABBCC』。但是,顯見這樣的 表示法并不精確。
『rgb(R,G,B)』:
以0到255十進(jìn)位值的紅、綠、藍(lán)三原色數(shù)值來表示顏色。
『rgb(R%,G%,B%)』:
以紅、綠、藍(lán)彼此相對(duì)的數(shù)值比例來表示顏色,如『rgb(60%,100%,75%)』。
『Color_Name』:
直接以顏色名稱來表示顏色,共有141種標(biāo)準(zhǔn)的顏色名稱。

隨機(jī)推薦