word版可編輯-網(wǎng)頁(yè)教案設(shè)計(jì)(精)精心整理(已修改)
2025-04-28 12:40 本頁(yè)面
【正文】 第六章 層疊樣式表本章教學(xué)目標(biāo)：1．理解掌握CSS的概念和作用；2．熟練掌握類樣式的創(chuàng)建和應(yīng)用；3．熟練掌握標(biāo)簽樣式的創(chuàng)建和應(yīng)用；4．熟練掌握高級(jí)樣式的創(chuàng)建和應(yīng)用；5．熟練掌握外部樣式表的創(chuàng)建；6．熟練掌握CSS特效的應(yīng)用；7．熟練使用樣式表美化網(wǎng)頁(yè)。教學(xué)重點(diǎn)：1．掌握創(chuàng)建類樣式、標(biāo)簽樣式、高級(jí)樣式及應(yīng)用；2．掌握樣式表文件的創(chuàng)建及應(yīng)用；教學(xué)難點(diǎn)：創(chuàng)建和應(yīng)用類樣式教學(xué)時(shí)間8課時(shí)（4節(jié)理論課，4節(jié)實(shí)驗(yàn)課）教學(xué)過程167。 創(chuàng)建類樣式一、樣式表的三種基本類型1．類樣式類樣式適合于單獨(dú)為元素設(shè)置個(gè)性化的樣式。用戶可以在文檔的任何區(qū)域或文本中應(yīng)用類樣式。定義好的類樣式能很方便的應(yīng)用到網(wǎng)頁(yè)元素中。如果將類樣式應(yīng)用于一整段文字，那么會(huì)在相應(yīng)的標(biāo)簽中出現(xiàn)“Class”屬性，該屬性值即為類樣式名稱。2．HTML標(biāo)簽樣式可以針對(duì)某一個(gè)標(biāo)簽來(lái)定義層疊樣式表，也就是說所定義的層疊樣式表將只應(yīng)用于選擇的標(biāo)簽。例如：為Body標(biāo)簽定義了層疊樣式表，那么所有包含在Body、/Body標(biāo)簽范圍內(nèi)的內(nèi)容將遵循所定義的層疊樣式表。3．高級(jí)樣式高級(jí)樣式為特殊的組合標(biāo)簽定義層疊樣式表，使用ID作為屬性，以保證文檔具有唯一可用的值。高級(jí)樣式是一種特殊類型的樣式，常用的有四種，分別為a:link、a:active、a:visited、a:hover。其中：178。 A:link：設(shè)定正常狀態(tài)下鏈接文字的樣式。178。 A:active：設(shè)定鼠標(biāo)單擊時(shí)鏈接文字的外觀。178。 A:visited：設(shè)定訪問過的鏈接文字的外觀。178。 A:hover：設(shè)定鼠標(biāo)放置在鏈接文字之上時(shí)文字的外觀。二、本任務(wù)所用到的CSS屬性類型：該類屬性主要用于定義網(wǎng)頁(yè)中文本的字體、大小、顏色、樣式及文本鏈接的修飾線等。區(qū)塊：指的是控制網(wǎng)頁(yè)元素的間距、對(duì)齊方式等屬性。邊框：使用“
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1