使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt

使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt

ID:51508634

大小:2.39 MB

頁(yè)數(shù):46頁(yè)

時(shí)間:2020-03-25

使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt_第1頁(yè)
使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt_第2頁(yè)
使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt_第3頁(yè)
使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt_第4頁(yè)
使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt_第5頁(yè)
資源描述:

《使用HTML創(chuàng)建靜態(tài)頁(yè)面.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、使用HTML創(chuàng)建靜態(tài)網(wǎng)站(2)網(wǎng)頁(yè)編程第四課CSS樣式表本章目標(biāo)會(huì)創(chuàng)建統(tǒng)一外觀的字體文本會(huì)創(chuàng)建無(wú)下劃線的超連接樣式會(huì)創(chuàng)建個(gè)性化的表格會(huì)創(chuàng)建個(gè)性化的表單為什么需要CSS樣式表HTML標(biāo)簽的外觀樣式比較單一顏色只有黑白字體類型和大小無(wú)變化樣式表的作用相當(dāng)于華麗的衣服內(nèi)容相同外觀不同為什么需要CSS樣式表樣式表能實(shí)現(xiàn)內(nèi)容與樣式的分離,方便團(tuán)隊(duì)開(kāi)發(fā)程序員寫(xiě)代碼美工做樣式內(nèi)容與樣式和諧統(tǒng)一的完整網(wǎng)頁(yè)樣式表的基本語(yǔ)法樣式表的基本結(jié)構(gòu)P{color:red;font-s

2、ize:30px;font-family:隸書(shū);}……聲明文檔樣式表結(jié)束文檔樣式表開(kāi)始,類型為CSS樣式樣式規(guī)則選擇器樣式規(guī)則P{color:red;font-size:30px;font-family:隸書(shū);}屬性屬性的值樣式表的基本語(yǔ)法樣式規(guī)則P{color:red;font-family:"隸書(shū)";font-size:24px;}

3、夜思

床前明月光,

疑是地上霜。

我是郭德剛,

低頭思故鄉(xiāng)。

本頁(yè)面中所有的P標(biāo)簽都應(yīng)用了此樣式所有的段落都采用P樣式,保證風(fēng)格統(tǒng)一用分號(hào)隔開(kāi)選擇器如何編寫(xiě)此樣式?字體類型為律書(shū)、大小24px.red{color:red;font-family:"隸書(shū)";font-size:24px;}……樣式表的基本語(yǔ)法如果希望其他的標(biāo)簽也能采用P標(biāo)簽的樣式,怎么辦?其他

4、標(biāo)簽和P標(biāo)簽應(yīng)該采用相同的樣式,所以要為它們定義一個(gè)共享樣式。類樣式(class).類名樣式規(guī)則樣式表的基本語(yǔ)法樣式規(guī)則.red{color:red;font-family:"隸書(shū)";}靜夜思床前明月光,

疑是地上霜。

我是郭德剛,

5、d">低頭思故鄉(xiāng)。

CLASS類選擇器為類選擇器定義的樣式規(guī)則應(yīng)用類選擇器class=”類名“

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

6、常用的樣式屬性P{font-size:12px;font-family:"宋體";text-align:left;}.bigFont{font-size:16px;color:red;}【新聞】[設(shè)搜狐為首頁(yè)]9月1日·世錦賽劉翔12秒95奪冠成就大滿貫

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

…..聲明P標(biāo)簽樣式聲明名稱為bigFont類樣式,它可被多個(gè)標(biāo)簽

7、共享應(yīng)用類樣式用class=”類名“常用的樣式屬性背景屬性背景屬性說(shuō)明background-color設(shè)置背景顏色background-image設(shè)置背景圖像background-repeat設(shè)置一個(gè)指定的圖像如何被重復(fù)可取值repeat-x、repeat、no-repeat、repeat-y……table{background-image:url(images/type_back1.jpg);background-repeat:no-repeat;}

8、STYLE>……設(shè)置背景圖像為images文件夾下的type_back1.jpg設(shè)置背景圖像不平鋪常用的樣式屬性方框?qū)傩詍argin-right右邊界margin-left左邊界margin-top上邊界margin-bottom下邊界marginborderpaddingborder-width邊框的寬度padding-left左填充padding-bottom下填充常用的樣式屬性屬性CSS名稱說(shuō)明邊界屬性margin-top設(shè)置對(duì)象的上邊距margin-right

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。