44CSS3的使用-美化文本第課教學(xué)重難點(diǎn)CSS3的使用-美化文本2課時(shí)(90min)知識(shí)技能目標(biāo)： SS 思政育人目標(biāo)： (1)培養(yǎng)學(xué)生的邏輯思維、辯證思維和創(chuàng)新思維能力 (2)培養(yǎng)學(xué)生的探索精神和一絲不茍的工作態(tài)度教學(xué)重點(diǎn)：CSS3美化文本樣式和段落樣式的流程示法、討論法、練習(xí)法第1節(jié)課：考勤(2min)→導(dǎo)入新知(4min)→知識(shí)講解(24min)→活動(dòng)環(huán)節(jié)(15第2節(jié)課：導(dǎo)入新知(4min)→知識(shí)講解(15min)→課堂練習(xí)(19min)→課堂小結(jié)(3min)→作業(yè)布置(4min)主要教學(xué)內(nèi)容及步驟設(shè)計(jì)意圖課 (2min)生的出勤情況導(dǎo)入新知 (4min)1144第課CSS3的使用-美化文本接使用font屬性)，具體格式為：通過(guò)講解知識(shí)點(diǎn)，讓學(xué)生了解通過(guò)講解知識(shí)點(diǎn)，讓學(xué)生了解 (24min)體操作詳見(jiàn)教材) (減小)與larger(增大)表示相對(duì)字號(hào)，它們根據(jù)父元素的字號(hào)大24CSS3的使用-美化文本第課體操作詳見(jiàn)教材)體操作詳見(jiàn)教材)344第課CSS3的使用-美化文本為：具體操作詳見(jiàn)教材)具體操作詳見(jiàn)教材)44CSS3的使用-美化文本第課為：體操作詳見(jiàn)教材)544第課CSS3的使用-美化文本具體操作詳見(jiàn)教材) 6CSS3的使用-美化文本第 (2)基于整行的垂直對(duì)齊方式。體操作詳見(jiàn)教材)課度值或normal(默認(rèn)值)。體操作詳見(jiàn)教材)744第課CSS3的使用-美化文本示行距大小的數(shù)值(沒(méi)有單位時(shí)表示當(dāng)前字號(hào)間距的倍數(shù))或百分比，具體操作詳見(jiàn)教材)示縮進(jìn)大小的數(shù)值與單位(一般為em)。具體操作詳見(jiàn)教材)84CSS3的使用-美化文本第課通過(guò)課堂訓(xùn)練，幫助學(xué)生鞏固所 (15min)以將所學(xué)知識(shí)與實(shí)踐相結(jié)合第二節(jié)課導(dǎo)入新知 (4min)知識(shí)講解 (15min)一節(jié)課，已經(jīng)講述了CSS3的文本樣式和段落樣式，但是當(dāng)需要處理一些特殊的樣式的時(shí)候，上一節(jié)所學(xué)習(xí)的知識(shí)就無(wú)法解決此類問(wèn)題，所以這節(jié)課將要學(xué)習(xí)處理以上對(duì)象的方法通過(guò)對(duì)上節(jié)課知識(shí)點(diǎn)的復(fù)習(xí)指，的知識(shí)點(diǎn)通過(guò)講解知識(shí)點(diǎn)，讓學(xué)生深刻了使用944第課CSS3的使用-美化文本具體操作詳見(jiàn)教材)具體操作詳見(jiàn)教材)格式為：具體操作詳見(jiàn)教材)4CSS3的使用-美化文本第課默認(rèn)情況下，瀏覽器在遇到多個(gè)空格時(shí)會(huì)將它們壓縮為一個(gè)空格，其他空白符也將自動(dòng)忽略。當(dāng)需要顯示空白符時(shí)，可以使用 (3)pre。保留空白符，文本只在遇到換行符時(shí)換行 (4)pre-line。壓縮空白符，文本在行滿或遇到換行符時(shí)換行。 體操作詳見(jiàn)教材)44第課CSS3的使用-美化文本界(文本溢出)時(shí)省略標(biāo)記的樣式，具體格式為：具體操作詳見(jiàn)教材)體格式為：tbtb-lr; CSS3的使用-美化文本第 lr體操作詳見(jiàn)教材)課 (19min)中的文本2.1創(chuàng)建的“圖書簡(jiǎn)介”文檔的文本格式較為單一，接下CSS樣式表為其添加文本樣式，豐富頁(yè)面效果，最終效果通過(guò)課堂練習(xí)，的操作熟練度44 以下代碼后保存. (2)在“book_detail.htm”l文檔的存儲(chǔ)目錄下創(chuàng)建名為 /*設(shè)置頁(yè)面中文本的顏色為深灰色*//*取消cite元素中文本的斜體效果*//*設(shè)置鼠標(biāo)指針經(jīng)過(guò)cite元素時(shí)，文本顏色變?yōu)闇\紫色*//*設(shè)置圖書信息部分文本的縮進(jìn)為2em*/第課CSS3的使用-美化文本第課CSS3的使用-美化文本CSS3的使用-美化文本CSS3的使用-美化文本第/*設(shè)置折扣的文本顏色為黑色*//*設(shè)置圖書信息的字號(hào)大小為默認(rèn)值的0.9倍*//*設(shè)置圖書簡(jiǎn)介的對(duì)齊方式為兩端對(duì)齊*/ /*設(shè)置作品評(píng)價(jià)與影視改編標(biāo)題的文本顏色為紫色，縮進(jìn)為1.2字符，字號(hào)大小為默認(rèn)值的2倍，增加陰影效果*//*設(shè)置評(píng)價(jià)來(lái)源標(biāo)題的文本顏色為深紫色，縮進(jìn)為1字符，字號(hào)大小為默認(rèn)值的1.2倍，增加陰影效果*/font-style:italic;}符，增加斜體效果*/ /*設(shè)置影視介紹的文本顏色為黑色，縮進(jìn)為2字符*/棕色，并增加下劃線效果*/ (3min)44第課CSS3的使用-美化文本檔 (1)將頁(yè)面標(biāo)題設(shè)置為“HTML5網(wǎng)上學(xué)習(xí)——最便捷的 (2)將默認(rèn)文本顏色設(shè)置為“#5d5d5d” (3)將第一行與第五行標(biāo)題中的“HTML5”文本的顏色設(shè)置 (4min) (4min) (4)將標(biāo)題下段落文本的行高設(shè)置為“100%”，縮進(jìn)設(shè)置為“1em” (5)將“1.通過(guò)實(shí)例介紹基礎(chǔ)結(jié)構(gòu)”標(biāo)題下的代碼文本的顏