模塊七 使用CSS樣式1217

模塊七 使用CSS樣式和插入行為 任務(wù)一：CSS樣式的概念 任務(wù)二：CSS樣式 任務(wù)三：樣式的類型與創(chuàng)建 任務(wù)四：CSS的屬性 任務(wù)五：編輯CSS樣式 任務(wù)六：過濾器 任務(wù)一：CSS樣式的概念 CSS(Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”)是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個(gè)文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，這樣將縮短瀏覽器的加載時(shí)間。 任務(wù)二：CSS樣式 子任務(wù)1：認(rèn)識“CSS樣式”控制面板 子任務(wù)2：CSS樣式的類型 子任務(wù)1：認(rèn)識“CSS樣式”控制面板 1、打開“CSS樣式”控制面板 啟用CSS樣式的幾種方法：窗口—>CSS樣式， 快捷鍵 CSS樣式控制面板的組成 2、樣式表的功能 1>靈活地控制網(wǎng)頁中字體、顏色、大小、位置和間距等。 2>方便地為網(wǎng)頁中的元素設(shè)置不同的背景顏色和背景圖片。 3 >精確地控制網(wǎng)頁個(gè)元素的位置。 4 >為文字或圖片設(shè)置濾鏡效果。 5 >與腳本語言結(jié)合制作動(dòng)態(tài)效果。 子任務(wù)2：CSS樣式的類型 1、重定義HTML標(biāo)簽樣式7-1.html 2、CSS選擇器樣式7-2.html 3、自定義樣式7-3.html 任務(wù)三：樣式的類型與創(chuàng)建 子任務(wù)1：創(chuàng)建重定義HTML標(biāo)簽樣式 子任務(wù)2：創(chuàng)建CSS選擇器 子任務(wù)3：創(chuàng)建和應(yīng)用自定義樣式 子任務(wù)4：創(chuàng)建和引用外部樣式 子任務(wù)1：創(chuàng)建重定義HTML標(biāo)簽樣式 1、啟用“新建CSS規(guī)則”對話框 五種方法掌握一種即可。 2、重新定義HTML標(biāo)簽樣式 (1)選擇【窗口】/【CSS樣式】命令，打開【CSS樣式】面板，然后打開【新建CSS規(guī)則】對話框。 (2)在【選擇器類型】選項(xiàng)組中選擇要?jiǎng)?chuàng)建的CSS樣式的類型 。 (3)在對話框中的【定義在】下拉列表中選擇CSS樣式的存放位置。 (4)打開【CSS規(guī)則定義】對話框，進(jìn)行CSS樣式設(shè)置。 子任務(wù)2：創(chuàng)建CSS選擇器 1、重定義鏈接文本的狀態(tài) 7-4.html 2、某個(gè)特定的網(wǎng)頁對象定義樣式7-5.html 說明：在“選擇器”中寫CSS樣式名時(shí)候前面加#號，如#zuozhe 子任務(wù)3：創(chuàng)建和應(yīng)用自定義樣式 1、創(chuàng)建自定義樣式 2、應(yīng)用樣式 文字，圖片背景 7-6.html 子任務(wù)4：創(chuàng)建和引用外部樣式 1、創(chuàng)建外部樣式 2、引用外部樣式 任務(wù)四：CSS的屬性 1、類型 2、背景 3、區(qū)塊 4、方框 5、邊框 6、列表 7、定位 8、擴(kuò)展 1、類型分類主要是定義網(wǎng)頁中文字的字體、字號、顏色等。 2、背景分類用于在網(wǎng)頁元素后加入背景圖像或背景顏色。 3、區(qū)塊分類用于控制網(wǎng)頁中塊元素的間距、對齊方式和文字縮進(jìn)等屬性。 4、方框分類用于控制網(wǎng)頁中塊元素的內(nèi)容距區(qū)塊邊框的距離、區(qū)塊的大小、區(qū)塊間的間隔等。 5、邊框分類主要針對塊元素的邊框 6、列表分類用于設(shè)置項(xiàng)目符號或編號的外觀。 7、定位分類主要精確控制網(wǎng)頁元素的位置，主要針對層的位置進(jìn)行控制。 8、擴(kuò)展分類主要用于控制鼠標(biāo)指針形狀、控制打印時(shí)的分頁以及為網(wǎng)頁元素添加濾鏡效果。 任務(wù)五：編輯CSS樣式 1、現(xiàn)在“CSS樣式”控制面板中單擊選中某樣式，然后單擊位于面板底部的“編輯樣式”按鈕彈出CSS規(guī)則定義對話框，根據(jù)需要設(shè)置CSS雙休那個(gè)，單擊“確定”按鈕完成設(shè)置。 2、在“css樣式”控制面板中用鼠標(biāo)右鍵單擊樣式，然后從彈出菜單中選擇“編輯”命令，彈出CSS規(guī)則定義對話框，最后根據(jù)需要設(shè)置CSS屬性，單擊“確定”按鈕完成設(shè)置。 3、在“css樣式”面板中選擇樣式，然后再“CSS屬性檢查器”控制面板中編輯它的屬性。 任務(wù)六：過濾器 見實(shí)例css文件夾

總結(jié)

以上是生活随笔為你收集整理的css对网页模块进行样式定义,模块七 使用CSS样式1217.ppt的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。