層疊樣式表ppt課件(編輯修改稿)
2025-05-26 01:01 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 選擇器等） 】單選按鈕。l （ 18）在 【 選擇器 】 下拉列表中選擇 【 a:hover】 選項(xiàng)。 動(dòng)態(tài)鏈接 CSS樣式l （ 14）在 【 定義在 】 中選擇 【 僅對(duì)該文檔 】 單選按鈕。（ 20）單擊 【 確定 】 按鈕，此時(shí)將會(huì)彈出 【 a:hover的 CSS規(guī)則定義】 對(duì)話框。l （ 21）在 【 分類 】 列表中選擇 【 類型 】 選項(xiàng)，設(shè)置大小為 12像素，選中 【 無(wú) 】 復(fù)選框，設(shè)置顏色為 FF4433，如圖 415所示。l （ 22）此時(shí)在 【 CSS樣式 】 面板中就會(huì)出現(xiàn)所設(shè)置的動(dòng)態(tài)鏈接樣式，如圖 416所示。l （ 23）在瀏覽器中預(yù)覽網(wǎng)頁(yè)，可以看到網(wǎng)頁(yè)的動(dòng)態(tài)鏈接效果，如圖 417所示。 導(dǎo)出 CSS文件l 下面介紹如何導(dǎo)出 CSS樣式表，具體操作步驟如下：l （ 1）選擇菜單命令 【 文件 】 導(dǎo)出 】 CSS樣式表 】 ，如圖 418所示。l （ 2）打開(kāi) 【 導(dǎo)出 CSS樣式為 CSS文件 】 對(duì)話框，在 【 保存在 】 下拉列表中設(shè)置文件的保存路徑，在 【 文件名 】 文本框中設(shè)置保存CSS的文件名，如圖 414所示。l （ 3）單擊 【 保存 】 按鈕，導(dǎo)出網(wǎng)頁(yè)中的 CSS文件。 導(dǎo)入 CSS文件l 下面介紹如何導(dǎo)入 CSS樣式表，具體步驟如下：l （ 1）在 【 CSS樣式 】 面板中單擊鼠標(biāo)右鍵，從彈出的菜單中選擇【 附加樣式表 】 選項(xiàng)，如圖 420所示。l （ 2）打開(kāi) 【 鏈接外部樣式表 】 對(duì)話框，如圖 421所示。l （ 3）單擊 【 瀏覽 】 按鈕，打開(kāi) 【 選擇樣式表文件 】 對(duì)話框，選擇要導(dǎo)入的 CSS文件，如圖 422所示。l （ 4）單擊 【 確定 】 按鈕返回到 【 鏈接到外部樣式表 】 對(duì)話框中。l （ 5）選中 【 導(dǎo)入 】 單選按鈕，如圖 423所示。l （ 6）單擊 【 確定 】 按鈕，將 CSS文件導(dǎo)入到編輯的網(wǎng)頁(yè)中，如圖424所示。 鏈接外部 CSS樣式l 下面介紹如何鏈接外部 CSS樣式，具體操作步驟如下：l （ 1）在 【 CSS樣式 】 面板中單擊鼠標(biāo)右鍵，從彈出的菜單中選擇【 附加樣式表 】 選項(xiàng)，如圖 425所示。l （ 2）在打開(kāi)的 【 鏈接外部樣式表 】 對(duì)話框中單擊 【 瀏覽 】 按鈕。l （ 3）打開(kāi) 【 選擇樣式文件 】 對(duì)話框，選擇一個(gè) CSS文件，如圖 426所示。l （ 4）單擊 【 確定 】 按鈕返回 【 鏈接外部樣式表 】 對(duì)話框。l （ 5）選中 【 鏈接 】 單選按鈕，如圖 427所示。l （ 6）單擊 【 確定 】 按鈕，將 CSS樣式文件鏈接到網(wǎng)頁(yè)中。 設(shè)置 CSS樣式參數(shù)l 文本樣式設(shè)置l 背景樣式設(shè)置l 區(qū)塊樣式設(shè)置l 方框樣式設(shè)置l 邊框樣式設(shè)置l 列表樣式設(shè)置l 定位樣式設(shè)置l 擴(kuò)展樣式設(shè)置 文本樣式設(shè)置l 使用 CSS樣式最常用的是設(shè)置文本的樣式，打開(kāi)文檔中定義好的要編輯的樣式，單擊 CSS面板中的 【 編輯樣式 】 按鈕，在打開(kāi)的 【 CSS規(guī)則定義 】 對(duì)話框，選擇分類中的 【 類型 】 選項(xiàng)進(jìn)行文本樣式的設(shè)置，如圖 428所示。l 在對(duì)話框中該類別的各項(xiàng)參數(shù)設(shè)置如下：l 字體 fontfamily：在下拉列表框中選擇相應(yīng)的字體，或使用編輯字體列表進(jìn)行添加；l 大小 fontsize：設(shè)置字體的大小，常使用正文字號(hào)為 12px、 14px、 4pt、 等；l 粗細(xì) fontweight：設(shè)置文字的粗
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1