實驗四 層疊樣式

1、實驗四實驗四層疊樣式、模板和庫層疊樣式、模板和庫一、實驗?zāi)康暮鸵螅阂?、實驗?zāi)康暮鸵螅?.掌握附加和編輯外部樣式表的方法2.掌握CSS樣式的各種特殊效果的方法3.掌握創(chuàng)建和應(yīng)用CSS樣式及CSS樣式表的方法4.掌握模板的創(chuàng)建、編輯和應(yīng)用的方法5.掌握對象的創(chuàng)建、編輯和應(yīng)用的方法二、實驗內(nèi)容：二、實驗內(nèi)容：1.CSS樣式表的創(chuàng)建、編輯和應(yīng)用樣式表的創(chuàng)建、編輯和應(yīng)用（1）在網(wǎng)頁編輯窗口中，打開本地站點Mysitehtml文件夾中的art.

2、htm文件。修改文檔的標(biāo)題為“生活和藝術(shù)”，文檔每段文符改成首行縮進(jìn)兩個字樣。（2）在本地根文件夾Mysite中，成績名為docfmat.css的層疊樣式表文件，以及背景色為＃９９ＦＦＣＣ的層疊樣式docfmat。（3）創(chuàng)建名為.1的層疊樣式，并將這個樣式定義在docfmat.css的層疊樣式表文件中。將其【類型】的參數(shù)設(shè)置：【字體】為方正舒體、【大小】為３６像素、【樣式】為謝體、【顏色】＃方法FF0000。樣式作用于標(biāo)題文字“生活和藝

3、術(shù)”。（4）將名為.1的樣式復(fù)制成名為.2的層疊樣式，并將其【類型】的參數(shù)設(shè)置：【字體】為楷體、【大小】為１８像素、【樣式】為正常、【顏色】為＃００００００。樣式作用第１段文字。（5）新建名為.3的層疊樣式，并將其【類型】的參數(shù)設(shè)置：【字體】為仿宋體、【大小】為１８像素、【樣式】為正常、【顏色】為＃333333。樣式作用于第２段文字，瀏覽網(wǎng)頁觀察效果。（6）將名為.3的樣式修改：【字體】為方正舒體、【大小】為１６像素、【樣式】為偏斜體、

4、【顏色】為＃000099。（7）創(chuàng)建名為bder1的樣式，選擇【邊框】類型，并將其參數(shù)設(shè)置：【樣式】為雙線、【寬度】的【上】、【右】、【下】、【左】的值為４個像素、【顏色】為＃99CC33。（8）在新建網(wǎng)頁exe161.htm上的創(chuàng)建８個１行１列的表格，表格的寬度和高度是圖1664幅相同的圖像幅相同的圖像圖167CSS翻轉(zhuǎn)濾鏡效果翻轉(zhuǎn)濾鏡效果（3）創(chuàng)建名為exe164.htm的網(wǎng)頁，在網(wǎng)頁合適位置上插入1行3列3個布局單元格，每個單元格

5、為120220像素，并在每個單元格中插入Mysiteimg文件夾中的圖像文件campus4.jpg。然后用CSS的波浪濾鏡制作出如圖168所示的效果。左邊圖參數(shù)為Wave(Add=1，F(xiàn)req=2，LightSrenth=70，Phase=50，Strength=10)右邊圖參數(shù)為Wave(Add=0，F(xiàn)req=3，LightSrenth=10，Phase=75，Strength=10)中間圖為原始圖。預(yù)覽后，用exe164.htm為名