|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 關(guān) 於 Ｃ Ｓ Ｓ 的 概 論 |
ＣＳＳ是『Cascading Style Sheets』的簡(jiǎn)稱，中文翻為「串接樣式表」，也有人只翻為「樣式表」。ＣＳＳ用以作為網(wǎng)頁(yè)的排版與風(fēng)格設(shè)計(jì)，在所謂的「新式網(wǎng)頁(yè)」里 ，ＣＳＳ不容置疑是相當(dāng)重要的一環(huán)。ＣＳＳ是以既有的基礎(chǔ)，用以彌補(bǔ)既存ＨＴＭＬ 規(guī)格里的不足，也讓網(wǎng)頁(yè)的設(shè)計(jì)更為靈活。
這份教學(xué)文件就要來(lái)為您介紹ＣＳＳ的應(yīng)用羅！在這邊并不介紹ＣＳＳ的所有規(guī)格 ，僅就您在網(wǎng)頁(yè)寫作上較常用到，較可能用到的語(yǔ)法部份及應(yīng)用的方法來(lái)為您作介紹。也 由於現(xiàn)在兩瀏覽器的相容是漸行漸遠(yuǎn)，將貼心地為您注明支援該語(yǔ)法的瀏覽器。而ＩＥ從 3.0開始便支援部份語(yǔ)法了，這點(diǎn)也會(huì)為為您注明的。 |
| 各 章 節(jié) 的 概 略 介 紹 |
為了您參考與學(xué)習(xí)上的方便，在這里先為您大略地說明一下這份教學(xué)文件各章節(jié)所包含的內(nèi)容吧！讓您在參考時(shí)有個(gè)方向與概念。基本上，前兩章著重於概念與基本認(rèn)知的建立，也就是一些為您做一些札根的工作；第三章則為您補(bǔ)充在應(yīng)用與設(shè)定上的一些其它方式或特性的說明與介紹。而第四章到第六章則著重於語(yǔ)法、參數(shù)與性質(zhì)的介紹，也 就是真正建立在樣式表里面的東東。
第一章 ＣＳＳ的基本認(rèn)識(shí)： 就是本章啦！就介紹您一些ＣＳＳ基本概念與認(rèn)識(shí)。 第二章 ＣＳＳ的應(yīng)用方式： 為您介紹ＣＳＳ的基本宣告、應(yīng)用方法與特性介紹。 第三章 ＣＳＳ的應(yīng)用補(bǔ)充： 為您介紹ＣＳＳ的其它宣告方式、應(yīng)用與特性介紹。 第四章 頁(yè)面性質(zhì)的ＣＳＳ： 為您介紹頁(yè)面性質(zhì)的ＣＳＳ相關(guān)語(yǔ)法、參數(shù)與性質(zhì)。 第五章 文字性質(zhì)的ＣＳＳ： 為您介紹文字性質(zhì)的ＣＳＳ相關(guān)語(yǔ)法、參數(shù)與性質(zhì)。 第六章 區(qū)塊性質(zhì)的ＣＳＳ： 為您介紹區(qū)塊性質(zhì)的ＣＳＳ相關(guān)語(yǔ)法、參數(shù)與性質(zhì)。 |
| 應(yīng) 用 上 的 基 本 認(rèn) 識(shí) |
應(yīng)用ＣＳＳ并不困難，但是請(qǐng)您先參考這里的基本認(rèn)識(shí)，對(duì)一些用語(yǔ)有了一點(diǎn)基本概念後，對(duì)於您在看後面的教學(xué)會(huì)有助益，看起來(lái)也才不會(huì)太吃力！
一、基本用語(yǔ)的認(rèn)識(shí)： 元件 (element)：亦即HTML基本語(yǔ)法中的標(biāo)簽 (tag)。 屬性 (attribute)：用以描述標(biāo)簽特性的屬性。 例如： <HR WIDTH="90%">中，HR為標(biāo)簽，WIDTH為屬性，而80%即為WIDTH屬性的值。 性質(zhì) (property)：用以描述元件的特性。相當(dāng)於HTML基本 語(yǔ)法中的屬性。 樣式 (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ì)於長(zhǎng)度單位（通常是目前字型的大小）的百分比例。 絕對(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』： 簡(jiǎn)略表示法，只用三個(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ù)值來(lái)表示顏色。 『rgb(R%,G%,B%)』： 以紅、綠、藍(lán)彼此相對(duì)的數(shù)值比例來(lái)表示顏色，如『rgb(60%,100%,75%)』。 『Color_Name』： 直接以顏色名稱來(lái)表示顏色，共有141種標(biāo)準(zhǔn)的顏色名稱。
四、ＵＲＬ表示法的認(rèn)識(shí)： ＣＳＳ的ＵＲＬ表示共有五 種方式，且都為合法宣告，您可以自行選用。
URL(http://yourweb/path/file_name)
URL('http://yourweb/path/file_name')
URL("http://yourweb/path/file_name")
URL( 'http://yourweb/path/file_name' )
URL( "http://yourweb/path/file_name" ) 有了這些基本認(rèn)識(shí)與概念後，接下來(lái)就要來(lái)為您介紹ＣＳＳ的應(yīng)用方法羅！ |
|
大多數(shù)人在上網(wǎng)的時(shí)候，都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！
