CSS3基礎知識和選擇器的使用第課CSS基礎知識和選擇器的使用2課時(90min)知識技能目標： (2)掌握CSS3的語法規則，以及在HTML5頁面中添加CSS3樣式的方法 (4)掌握CSS3樣式的繼承性與層疊性思政育人目標： (1)培養學生舉一反三，以及通過發散式思維去解決問題的能力 (2)幫助學生在模仿中提高創新能力和創新意識演示法、討論法、練習法第1節課：考勤(2min)→導入新知(4min)→知識講解(23min)→課堂作業(12min)→交流討論(4min)第2節課：問題導入(4min)→知識講解(24min)→課堂練習(10min)→課堂小結(5min)→作業布置(2min)主要教學內容及步驟設計意圖課 (2min)培養學生的組生的出勤情況導入新知 (4min)HTML代碼生主動思考如何激發學生的求知習興趣11第課CSS3基礎知識和選擇器的使用 (23min)SS還沒有最終定稿。雖然完整的CSS3標準還未發布，但主流瀏覽其中的大部分特性。【教師】介紹CSS3的語法規則(詳見教材)L 應用聲明的某個或某些元素。 (2)聲明可以有若干個，聲明之間用分號隔開并放置在一對 通過講解知識點，讓學生了解222CSS3基礎知識和選擇器的使用第CSS3基礎知識和選擇器的使用 (4)屬性值是設置屬性效果的參數，可以是數值、單位或關CSS法規則跟HTML語言有何不同，跟哪種語言比較接近【教師】在HTML5頁面中添加CSS3樣式(詳見教材)性，具體格式為：性與屬性值的規范與CSS3樣式規則相同。行內樣式只對其所在的件中，然后使用<link/>標簽將樣式表文件鏈接至HTML5文檔中，具體格式為：<linkhref="CSS3文檔位置"type="text/css"33第課CSS3基礎知識和選擇器的使用：【教師】演示使用DW創建樣式表文件，并將其鏈接至HTML5文檔的方法42CSS3基礎知識和選擇器的使用第課 (12min) )打開DW，單擊“文件”面板上方的“站點”下拉按鈕， (2)右擊“站點-projectone”，在展開的快捷菜單中選擇“新 (3)打開新建的文檔，在編輯窗口中輸入代碼后保存文檔。 (4)在“文件”面板中雙擊html文檔，其代碼顯示在編輯窗 (5)保存文檔后，在瀏覽器中打開文檔，觀看頁面效果。通過課堂練習，讓學生鞏固本節論 (4min) (2)闡述CSS3語言的特點 第二節課通過老師設置有自我展示的平臺，提高學生的交流表達能力問題導入 (4min)CSS置網頁格式？如何通過實際情況選擇合適的e標簽選擇器是最常用的選擇器，通常用它來統一設置某些元素通過問答的形式，的興趣通過講解知識點，讓學生了解的使用55第課CSS3基礎知識和選擇器的使用使不同的元素擁有相同的樣式，也可以使相同的元素擁有不同的樣s個屬性值之間用空格隔開)為類選擇器的名稱，這樣才能將類選擇器樣式應用于標簽。此外，還可以把標簽與類捆綁在一起，來限定選擇器。 (24min)可以通過設置id屬性實現，就是在定義好ID選擇器后，需要設置ID選擇器的使用方式與類選擇器基本相同，區別在于ID選擇HTML應用于多如果需要設置復雜的網頁樣式，只使用基本選擇器是不夠的，此時可以使用組合選擇器來精確地匹配頁面元素，下面介紹幾種常包含選擇器通過空格連接兩個選擇器，前面選擇器表示包含的祖先662CSS3基礎知識和選擇器的使用第課上，通過連接順序匹配相鄰的元素之后，會將后續同級別的該類型nava[id="first"]{border:2pxsolid77第課CSS3基礎知識和選擇器的使用如：882CSS3基礎知識和選擇器的使用第CSS3基礎知識和選擇器的使用 99第課CSS3基礎知識和選擇器的使用 a:link{color:black;}2CSS3基礎知識和選擇器的使用第CSS3基礎知識和選擇器的使用擁有多個樣式，那么這些樣式會根據各自的權重來確定呈現的優先 (2)類、偽類與屬性選擇器：10。 (4)通配選擇器：0。 (10min)/*設置表格中的文本居中對齊，合并單元格邊框，設第課CSS3基礎知識和選擇器的使用 (1)設置表格邊框樣式，作用于所有單元格，其中包括表頭單th,td{px上下內邊距3px，左;}/*設置表頭的字號為20px，字體加粗顯示，居中對齊，增加背景顏色，更改文本顏色*/2CSS3基礎知識和選擇器的使用第CSS3基礎知識和選擇器的使用 (3)設置行的樣式。此處需要在“編號”列的數字前添加一個/*設置表格背景圖片，只出現一次，左內邊距為26px*/ (5min)22第課CSS3基礎知識和選擇器的使用式的繼承性與層疊性。。希望大家在課后多加練習，鞏固所學知固印象識使用DW按照下列要求創建“HTML5網上學習”網站的相關文件 (1)創建一個名為“eol”的站點 (2)在“eol”站點中創建一個名為“main”的HTML5文檔，將通過課后練習，作業布置其頁面標題設置為“教務在線”鞏固學生對知識