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