網(wǎng)頁設(shè)計(jì)css樣式講課講稿.ppt

5、選擇器定義的樣式規(guī)則應(yīng)用類選擇器class＝”類名“

和

標(biāo)簽要應(yīng)用同一樣式如何實(shí)現(xiàn)這樣的樣式效果？字體類型都為隸書11常用的樣式屬性文本屬性文本屬性說明font-size字體大小font-family字體類型font-style字體樣式color設(shè)置或檢索文本的顏色text-align文本對(duì)齊使用font-size、font-family、color實(shí)現(xiàn)宋體，字體大小12px字體大小16px要實(shí)現(xiàn)如下圖所示的文本樣式，該如何編寫？12常用的樣式屬性P{font-size:12px;font-family:"宋體";tex

6、t-align:left;}.bigFont{font-size:16px;color:red;}【新聞】[設(shè)搜狐為首頁]9月1日·世錦賽劉翔12秒95奪冠成就大滿貫

·我國實(shí)施不安全食品召回制度遏制非法出口

…..查看源代碼聲明P標(biāo)簽樣式聲明名稱為bigFont類樣式,它可被多個(gè)標(biāo)簽共享應(yīng)用類樣式用class＝”類名“13小結(jié)1編寫如下圖所示效果對(duì)應(yīng)的HTML代碼練習(xí)答案黑體，字體大小20px字體大小14px，藍(lán)色練習(xí)代碼14常用的樣式屬性背景屬性背景屬性說明background

7、-color設(shè)置背景顏色background-image設(shè)置背景圖像background-repeat設(shè)置一個(gè)指定的圖像如何被重復(fù)可取值repeat-x、repeat、no-repeat、repeat-y演示示例2：使用不同的背景屬性……table{background-image:url(images/type_back1.jpg);background-repeat:no-repeat;}……設(shè)置背景圖像為images文件夾下的type_b