HTML學習教程004(北大青鳥).PPT

HTML學習教程004(北大青鳥).PPT

ID：45066863

大小：3.46 MB

頁數(shù)：36頁

時間：2019-11-09

HTML學習教程004(北大青鳥).PPT_第1頁
HTML學習教程004(北大青鳥).PPT_第2頁
HTML學習教程004(北大青鳥).PPT_第3頁
HTML學習教程004(北大青鳥).PPT_第4頁
HTML學習教程004(北大青鳥).PPT_第5頁
資源描述：

《HTML學習教程004(北大青鳥).PPT》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在行業(yè)資料-天天文庫。

1、第四章CSS樣式表回顧表單中提交數(shù)據(jù)的方法有那兩種及其區(qū)別？創(chuàng)建一個登錄界面需要哪些表單元素？target屬性取值可以為哪些及其含義？2預習檢查簡述樣式表的基本結(jié)構(gòu)？常用的樣式屬性有哪些？3本章任務美化“寶貝分類”頁面制作并美化“注冊”頁面4會創(chuàng)建統(tǒng)一外觀的字體文本會創(chuàng)建無下劃線的超連接樣式會創(chuàng)建個性化的表格會創(chuàng)建個性化的表單本章目標5為什么需要CSS樣式表演示示例1：演示能換皮膚的頁面HTML標簽的外觀樣式比較單一顏色只有黑白字體類型和大小無變化樣式表的作用相當于華麗的衣服內(nèi)容相同外觀不同6為什么需要CSS樣式表樣式表能實現(xiàn)內(nèi)容與樣式的分離，

2、方便團隊開發(fā)程序員寫代碼美工做樣式內(nèi)容與樣式和諧統(tǒng)一的完整網(wǎng)頁7樣式表的基本語法樣式表的基本結(jié)構(gòu)P{color:red;font-size:30px;font-family:隸書;}……聲明文檔樣式表結(jié)束文檔樣式表開始，類型為CSS樣式樣式規(guī)則選擇器樣式規(guī)則P{color:red;font-size:30px;font-family:隸書;}屬性屬性的值8樣式表的基本語法樣式規(guī)則P{col

3、or:red;font-family:"隸書";font-size:24px;}

靜夜思

床前明月光，

疑是地上霜。

我是郭德剛，

低頭思故鄉(xiāng)。

查看源代碼本頁面中所有的P標簽都應用了此樣式所有的段落都采用P樣式，保證風格統(tǒng)一用分號隔開選擇器如何編寫此樣式?字體類型為律書、大小24px9.red{color:red;font-family:"隸書";font-size:2

4、4px;}……樣式表的基本語法如果希望其他的標簽也能采用P標簽的樣式，怎么辦？其他標簽和P標簽應該采用相同的樣式，所以要為它們定義一個共享樣式。類樣式(class).類名樣式規(guī)則10樣式表的基本語法樣式規(guī)則.red{color:red;font-family:"隸書";}靜夜思床前明月光，

疑是地上霜。

5、

我是郭德剛，

低頭思故鄉(xiāng)。

查看源代碼CLASS類選擇器為類選擇器定義的樣式規(guī)則應用類選擇器class＝”類名“

和

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

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

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

…..查看源代碼聲明P標簽樣式聲明名稱為bigFont類樣式,它可被多個標簽共享應用

7、類樣式用class＝”類名“13小結(jié)1編寫如下圖所示效果對應的HTML代碼練習答案黑體，字體大小20px字體大小14px，藍色練習代碼14常用的樣式屬性背景屬性背景屬性說明background-color設置背景顏色background-image設置背景圖像background-repeat設置一個指定的圖像如何被重復可取值repeat-x、repeat、no-repeat、repeat-y演示示例2：使用不同的背景屬性……table{background-image:url(images/type

8、_back1.jpg);background-repeat:no-repeat;}……設置背景圖像為images文件夾下的type_b

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

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

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