資源描述：
《《層疊樣式表》ppt課件》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第6章層疊樣式表丁躍潮 張濤 葉文來劉韻華程旭曼丁瀟張?zhí)鞓蚋攀鼋虒W(xué)提示：XML為存儲結(jié)構(gòu)化數(shù)據(jù)提供了強(qiáng)大的方法，但是它沒有提供關(guān)于數(shù)據(jù)如何顯示的信息，這實(shí)際上是XML的優(yōu)點(diǎn)：數(shù)據(jù)的結(jié)構(gòu)完全與數(shù)據(jù)表示無關(guān)。當(dāng)有必要表示格式化XML文件中的數(shù)據(jù)時(shí)，格式化的詳細(xì)信息放置在層疊樣式表CSS中。教學(xué)目標(biāo)：理解層疊樣式表CSS的概念，掌握層疊樣式表CSS的方法，掌握CSS與XML結(jié)合的方法，學(xué)會綜合運(yùn)用CSS。6.1CSS簡介6.2設(shè)置字體屬性6.3設(shè)置色彩和背景圖象屬性6.4設(shè)置邊界屬性6.5CSS2新增功能6.6綜合實(shí)例6.1CSS簡介CSS是用于為XML數(shù)據(jù)定義顯示參數(shù)的一種
2、技術(shù)，它利用簡單的規(guī)則來控制元素內(nèi)容在瀏覽器中的表現(xiàn)方式。CSS最初是被開發(fā)來為HTML文檔指定顯示的，同時(shí)也適合于XML數(shù)據(jù)。樣式表中的顯示規(guī)范與XML數(shù)據(jù)分離，這意味著相同的數(shù)據(jù)通過應(yīng)用不同的樣式表可以以不同的方式顯示。同樣，相同的樣式表可以應(yīng)用到多個(gè)XML文件。6.1.1CSS的概念CSS（CascadingStyleSheet）層疊樣式表，也稱為級聯(lián)樣式表，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的。在網(wǎng)頁制作時(shí)采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。只要對相應(yīng)的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的
3、外觀和格式。6.1.2CSS的使用1.CSS基本語法2.一個(gè)無CSS樣式表XML文件3.一個(gè)使用CSS樣式表XML文件1.CSS基本語法CSS的規(guī)則是通過屬性與屬性值來共同設(shè)定。屬性名稱是CSS的關(guān)鍵字，如font-family(字體)、font-size(文字大小)、display(顯示屬性)、color(顏色)等。屬性用語指定元素某一方面的特性，而屬性值則用于指定元素的特性的具體特征。樣式表的建立要符合CSS規(guī)則，它們一般被定義成以下形式的句法：標(biāo)志{標(biāo)志屬性1:屬性值1;標(biāo)志屬性2:屬性值2;標(biāo)志屬性3:屬性值3;...}2.一個(gè)無CSS樣式表XML文件【例6.1
4、】這是一個(gè)沒有應(yīng)用層疊樣式表的XML文檔，code6_1.xml望廬山瀑布唐.李白日照香爐升紫煙遙看瀑布掛前川飛流直下三千尺疑是銀河落九天2.一個(gè)無CSS樣式表XML文件3.一個(gè)使用CSS樣式表XML文件在XML文檔的開頭部分寫一個(gè)關(guān)于樣式單的如下聲明語句：
5、ml-stylesheettype="text/css"href="mycss.css"?>也可以使用完整的URL指定CSS樣式表文件，像下面這個(gè)例子：一個(gè)使用CSS樣式表XML文件@charset"gb2312";name{display:block;font-family:黑體;font-size:20pt;letter-spacing:10pt;text-align:center;}writer{display:blo
6、ck;font-family:魏碑;font-size:10pt;font-weight:bold;letter-spacing:10pt;line-height:40pt;text-align:center;color:Black;}content{display:block;font-family:隸書;font-size:20pt;font-weight:bold;line-height:30pt;letter-spacing:10pt;text-align:center;color:Black;}一個(gè)使用CSS樣式表XML文件6.2.1font屬性集。1.fon
7、t屬性的分類font屬性通常用于設(shè)置指定字體的風(fēng)格、大小、亮度等參數(shù)。該屬性在XML樣式表分類中屬于通用字體類，由CSS樣式表定義。font屬性的常見子屬性見表6.1表6.1font屬性的常見子屬性font屬性說明font-family指定字體的字型font-style指定字體的風(fēng)格font-weight指定字體的亮度font-variant指定字體全為大寫字母font-size指定字體的大小font-stretch指定字體的壓縮或拉伸方式2.font屬性的用法和常見的CSS屬性設(shè)置類似，font屬性使用示例如下：element{font
