濤提供教程一課

第一章初識(shí)CSS上機(jī)實(shí)戰(zhàn)濤總提供QQ1142617327相關(guān)理論回顧如何選擇排版網(wǎng)頁(yè)內(nèi)容的HTML標(biāo)簽？CSS的語(yǔ)法規(guī)則是什么？CSS有哪三種基本選擇器？如何在HTML文檔中引入CSS樣式？上機(jī)目標(biāo)會(huì)根據(jù)網(wǎng)頁(yè)內(nèi)容選擇合適的HTML標(biāo)簽進(jìn)行排版掌握CSS語(yǔ)法規(guī)則會(huì)使用CSS的三類基本選擇器會(huì)使用行內(nèi)式、嵌入式、導(dǎo)入式和鏈接式為HTML文檔添加CSS樣式教師講解上機(jī)目標(biāo)實(shí)戰(zhàn)案例1-火影忍者簡(jiǎn)介需求描述根據(jù)效果圖制作火影忍者簡(jiǎn)介頁(yè)面選擇合適的HTML標(biāo)簽排版文本使用style屬性為文本添加樣式教師講解案例需求實(shí)戰(zhàn)案例1-火影忍者簡(jiǎn)介實(shí)現(xiàn)思路根據(jù)文本內(nèi)容選擇排版的HTML標(biāo)簽使用style屬性為HTML標(biāo)簽添加行內(nèi)樣式15分鐘完成教師講解實(shí)現(xiàn)思路階段性小結(jié)共性問(wèn)題講解實(shí)戰(zhàn)案例2-一棵開花的樹需求描述根據(jù)效果圖制作一棵開花的樹頁(yè)面圖文混合排版使用三類基本選擇器定義文本樣式使用嵌入式引入CSS樣式教師講解案例需求實(shí)戰(zhàn)案例2-一棵開花的樹實(shí)現(xiàn)思路設(shè)置文本居中對(duì)齊使用CSS選擇器定義文本樣式<style>標(biāo)簽引入CSS樣式在網(wǎng)頁(yè)中插入圖片25分鐘完成教師講解實(shí)現(xiàn)思路階段性小結(jié)共性問(wèn)題講解實(shí)戰(zhàn)案例3-百度首頁(yè)頂導(dǎo)航需求描述根據(jù)效果圖制作百度頂導(dǎo)航教師講解案例需求實(shí)戰(zhàn)案例3-百度首頁(yè)頂導(dǎo)航實(shí)現(xiàn)思路使用<div>標(biāo)簽劃分網(wǎng)頁(yè)結(jié)構(gòu)設(shè)置文本右對(duì)齊，并添加超鏈接10分鐘完成教師講解實(shí)現(xiàn)思路實(shí)戰(zhàn)案例4-百度首頁(yè)搜索模塊需求描述在實(shí)戰(zhàn)案例3的基礎(chǔ)上，根據(jù)效果圖制作百度首頁(yè)搜索模塊教師講解案例需求實(shí)戰(zhàn)案例4-百度首頁(yè)搜索模塊實(shí)現(xiàn)思路<div>劃分網(wǎng)頁(yè)模塊使用表格排版搜索框和搜索按鈕CSS設(shè)置圖片居中對(duì)齊<p>標(biāo)簽排版橫向?qū)Ш绞褂脀idth屬性設(shè)置輸入框?qū)挾?，插入圖片制作超鏈接按鈕20分鐘完成教師講解實(shí)現(xiàn)思路實(shí)戰(zhàn)案例5-百度首頁(yè)版權(quán)模塊需求描述在實(shí)戰(zhàn)案例3，4的基礎(chǔ)上，根據(jù)效果圖制作百度首頁(yè)版權(quán)模塊教師講解案例需求實(shí)戰(zhàn)案例5-百度首頁(yè)版權(quán)模塊實(shí)現(xiàn)思路按照效果圖制作頁(yè)面使用<p