層疊樣式表ppt課件-在線瀏覽
2025-06-16 01:01本頁面
【正文】 返回 【 .td的 CSS規(guī)則定義 】 對話框。l （ 12）單擊 【 確定 】 按鈕，完成對 CSS樣式的創(chuàng)建，此時在 【CSS樣式 】 面板中會出現(xiàn)一個名為 .td的自定義樣式，如圖 46所示。l （ 14）在 【 屬性 】 面板的 【 樣式 】 下拉列表中單擊 【 td】 選項，為文字應(yīng)用自定義的樣式，如圖 48所示。 動態(tài)鏈接 CSS樣式l 應(yīng)用動態(tài)鏈接 CSS樣式，可以美化頁面文字的鏈接效果。l （ 2）單擊 【 文本 》 CSS樣式 》 新建 】 選項，打開 【 新建 CSS規(guī)則】 對話框。l （ 4）在 【 標簽 】 下拉列表中選擇 【 a】 選項，因為超鏈接都在 a標簽內(nèi)。l 6）單擊 【 確定 】 按鈕，打開 【 a的 CSS規(guī)則定義 】 對話框。l （ 8）單擊 【 確定 】 按鈕，完成標簽的樣式定義。l （ 10）在 【 選擇器類型 】 中選中 【 高級（ ID、偽類選擇器等） 】單選按鈕。l （ 12）在 【 定義在 】 中選擇 【 僅對該文檔 】 單選按鈕。l （ 14）在 【 分類 】 列表中選擇 【 類型 】 選項，設(shè)置大小為 12像素，選中 【 無 】 復(fù)選框，設(shè)置顏色為 0066CC。l （ 16）下面定義當鼠標移到超鏈接上的樣式，單擊 【 文本 》 CSS樣式 》 新建 】 選項，打開 【 新建 CSS規(guī)則 】 對話框，如圖 414所示。l （ 18）在 【 選擇器 】 下拉列表中選擇 【 a:hover】 選項。（ 20）單擊 【 確定 】 按鈕，此時將會彈出 【 a:hover的 CSS規(guī)則定義】 對話框。l （ 22）此時在 【 CSS樣式 】 面板中就會出現(xiàn)所設(shè)置的動態(tài)鏈接樣式，如圖 416所示。 導(dǎo)出 CSS文件l 下面介紹如何導(dǎo)出 CSS樣式表，具體操作步驟如下：l （ 1）選擇菜單命令 【 文件 】 導(dǎo)出 】 CSS樣式表 】 ，如圖 418所示。l （ 3）單擊 【 保存 】 按鈕，導(dǎo)出網(wǎng)頁中的 CSS文件。l （ 2）打開 【 鏈接外部樣式表 】 對話框，如圖 421所示。l （ 4）單擊 【 確定 】 按鈕返回到 【 鏈接到外部樣式表 】 對話框中。l （ 6）單擊 【 確定 】 按鈕，將 CSS文件導(dǎo)入到編輯的網(wǎng)頁中，如圖424所示。l （ 2）在打開的 【 鏈接外部樣式表 】 對話框中單擊 【 瀏覽 】 按鈕。l （ 4）單擊 【 確定 】 按鈕返回 【 鏈接外部樣式表 】 對話框。l （ 6）單擊 【 確定 】 按鈕，將 CSS樣式文件鏈接到網(wǎng)頁中。文本樣式設(shè)置l 區(qū)塊樣式設(shè)置l 邊框樣式設(shè)置l 定位樣式設(shè)置l l 在對話框中該類別的各項參數(shù)設(shè)置如下：l 字體 fontfamily：在下拉列表框中選擇相應(yīng)的字體，或使用編輯字體列表進行添加；l 大小 fontsize：設(shè)置字體的大小，常使用正文字號為 12px、 14px、 4pt、 等；l 粗細 fontweight：設(shè)置文字的粗細，可以使列表中默認的值，也可以手動輸入；l 樣式 fontstyle：設(shè)置字體的外觀，如正常、粗體、偏斜體；l 變體 fontvariant：設(shè)置為正?；蛐⌒痛髮懽帜?。 背景樣式設(shè)置l 在 CSS規(guī)則定義的類型中選擇 【 背景 】 ，可以設(shè)置背景的樣式，如圖 424所示。此列表框用以設(shè)置圖片的重復(fù)方式為不重復(fù)、重復(fù)、橫向重復(fù)、縱向重復(fù)；l 附件：設(shè)置背景圖片時此項有用。 區(qū)塊樣式設(shè)置l 在分類中選擇 【 區(qū)塊
教學課件相關(guān)推薦
鄂ICP備17016276號-1