使用html創(chuàng)建靜態(tài)頁面

使用html創(chuàng)建靜態(tài)頁面

ID:40078280

大?。?.20 MB

頁數(shù):46頁

時間:2019-07-20

使用html創(chuàng)建靜態(tài)頁面_第1頁
使用html創(chuàng)建靜態(tài)頁面_第2頁
使用html創(chuàng)建靜態(tài)頁面_第3頁
使用html創(chuàng)建靜態(tài)頁面_第4頁
使用html創(chuàng)建靜態(tài)頁面_第5頁
資源描述:

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

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

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

靜夜思

3、>

床前明月光,

疑是地上霜。

我是郭德剛,

低頭思故鄉(xiāng)。

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

4、用相同的樣式,所以要為它們定義一個共享樣式。類樣式(class).類名樣式規(guī)則樣式表的基本語法樣式規(guī)則.red{color:red;font-family:"隸書";}靜夜思

床前明月光,

疑是地上霜。

我是郭德剛,

低頭思故鄉(xiāng)。

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

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

6、pe="text/css">P{font-size:12px;font-family:"宋體";text-align:left;}.bigFont{font-size:16px;color:red;}【新聞】[設搜狐為首頁]9月1日·世錦賽劉翔12秒95奪冠成就大滿貫

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

…..聲明P標簽樣式聲明名稱為bigFont類樣式,它可被多個標簽共享應用類樣式用class=”類名“

7、常用的樣式屬性背景屬性背景屬性說明background-color設置背景顏色background-image設置背景圖像background-repeat設置一個指定的圖像如何被重復可取值repeat-x、repeat、no-repeat、repeat-y……table{background-image:url(images/type_back1.jpg);background-repeat:no-repeat;}……設置背景圖像為images

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

當前文檔最多預覽五頁,下載文檔查看全文

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

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