資源描述：
《用css樣式表美化網(wǎng)》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。
1、第6章 用CSS樣式表美化網(wǎng)頁了解CSS樣式CSS基礎創(chuàng)建CSSCSS基本應用鏈接外部CSS樣式文件教學目的CSS樣式表簡介創(chuàng)建CSS樣式表的方法內(nèi)部CSS樣式表的應用鏈接外部CSS樣式表在代碼視圖編輯CSS樣式表本章內(nèi)容CSS定義CSS樣式的分類及應用方式使用“CSS樣式”面板新建CSS樣式設置“CSS規(guī)則定義”對話框參數(shù)自定義CSS樣式鏈接外部CSS樣式編輯CSS樣式復制CSS樣式導出CSS樣式CSS樣式轉(zhuǎn)化為HTML標簽CSS樣式CSS定義CSS即CascadingStyleSheets（重疊樣式表），是用來控制一個或多個文檔顯示屬性的集合。CS
2、S樣式位于頁面的
標簽中，可以定義頁面中HTML標簽的屬性。使用CSS樣式能夠定義一些單獨使用HTML樣式不能定義的屬性。除了控制文本的傳統(tǒng)屬性之外，使用CSS樣式也可以控制一些特殊的屬性，例如鼠標特效。CSS樣式的分類及應用方式1CSS樣式的分類自定義CSS樣式（類樣式）：可將樣式屬性應用于頁面上的任何元素。HTML標簽樣式：重新定義特定標簽。CSS選擇器樣式（高級樣式）：重新定義特定元素組合的格式。2CSS樣式的應用方式局部套用內(nèi)聯(lián)式–將CSS規(guī)則定義在HTML網(wǎng)頁文檔的內(nèi)部。外聯(lián)式–將CSS規(guī)則定義在一個獨立的外部樣式文件中。CSS樣式
3、的規(guī)則1CSS樣式的規(guī)則由兩部分組成選擇器–標識已設置格式元素的術語。聲明–用于定義樣式屬性。示例：h1{font-size:16pixels;font-family:"宋體";font-weight:bold;}在這個CSS規(guī)則中，h1是選擇器，介于大括號{}之間的所有內(nèi)容都是聲明塊。各個聲明由兩部分組成：屬性（如font-family）和值（如16pixels）。對樣式表操作的三種方式1．第一種方式執(zhí)行【窗口】→【CSS樣式】命令，打開【CSS樣式】面板2．第二種方式3．第三種方式在空白處右擊使用“CSS樣式”面板樣式表文件名CSS規(guī)則列表屬性和屬
4、性值列表工具按鈕欄在Dreamweaver中，“CSS樣式”面板是新建、編輯、管理CCS的主要工具。選擇“窗口”
5、“CSS樣式”命令可以打開或者關閉“CSS樣式”面板。類別視圖使用“CSS樣式”面板選擇命令“窗口”→“CSS樣式”or單擊屬性面板中的CSS按鈕or使用快捷鍵Shift+F11附加樣式表新建CSS規(guī)則編輯樣式刪除CSS樣式新建CSS樣式定義樣式表選項在【CSS樣式】面板上，單擊【新建CSS規(guī)則】按鈕，打開【新建CSS規(guī)則】對話框。1．【定義在】選項（1）【新建樣式表文件】（2）【僅對該文檔】2．【選擇器類型】選項（1）【類（可應用于任何標
6、簽）】（2）【標簽（重新定義特定標簽的外觀）】（3）【高級（ID、偽類選擇器等）】3．【名稱】文本框在這個文本框中輸入CSS規(guī)則名稱。根據(jù)所選擇的“選擇器類型”的不同，這里可以輸入或者選擇不同的名稱。新建CSS樣式“新建CSS規(guī)則”按鈕設置“CSS規(guī)則定義”對話框參數(shù)1.定義CSS樣式的類型屬性2.定義CSS樣式的背景屬性色盤對文字的字體、大小、顏色、效果等基本樣式進行設置。對元素的背景進行設置，包括背景顏色、背景圖像的控制。設置“CSS規(guī)則定義”對話框參數(shù)3.定義CSS樣式的區(qū)塊屬性4.定義CSS樣式的方框?qū)傩栽O置對象的邊界、間距、高度、寬度和漂浮方
7、式等。設置對象文本的文字間距、對齊方式、上標、下標、排列方式、首行縮進等。設置“CSS規(guī)則定義”對話框參數(shù)5.定義CSS樣式的邊框?qū)傩?.定義CSS樣式的列表屬性設置對象邊框的寬度、顏色及樣式。設置列表項樣式、列表項圖像和位置。設置“CSS規(guī)則定義”對話框參數(shù)7.定義CSS樣式的定位屬性8.定義CSS樣式的擴展屬性設置的內(nèi)容有兩部分：1、打印網(wǎng)頁時強迫在樣式控制的對象前后換頁；2、對象的視覺效果。相當于把對象放在一個層里來定位。自定義CSS樣式1.應用自定義CSS樣式選擇文檔中將應用CSS樣式的文本單擊文本屬性面板2.刪除已應用的自定義CSS樣式選擇應
8、用了自定義CSS樣式的文本將文本屬性面板切換到CSS模式，在“樣式”下拉菜單中選擇“無”編輯CSS樣式雙擊選定的CSS樣式名稱。單擊“CSS樣式”面板底部工具欄上的“編輯樣式表”按鈕右擊要編輯的CSS樣式，在彈出的快捷菜單中選擇“編輯”命令。復制CSS樣式選擇要復制的CSS樣式右擊，在彈出的快捷菜單中選擇“復制”命令導出CSS樣式打開包含CSS樣式的頁面“文件”→“導出”→“CSS樣式”→“導出樣式為CSS文件”選擇保存位置保存CSS樣式轉(zhuǎn)化為HTML標簽只有將CSS樣式轉(zhuǎn)換為HTML標簽，才可以在這些瀏覽器中正確顯示頁面打開含有CSS樣式的頁面“文件
9、”→“轉(zhuǎn)換”創(chuàng)建和應用CSS樣式1控制瀏覽器中的文字大小2設置行間距3為圖片加上邊框效果創(chuàng)建和
