Dreamweaver中CSS樣式表的應用實例(3)_Dreamweaver教程
6.使用“代碼片段”功能重復使用“僅對該文檔的CSS”。
在Dreamweaver中創(chuàng)建CSS時,可以選擇“定義在該文檔”和“新建樣式表文件”之一創(chuàng)建CSS樣式表�!岸x在該文檔”只作用在當前文檔;“新建樣式表文件”創(chuàng)建出一個獨立的外部CSS樣式表文件,多個文檔可以鏈接到外部CSS樣式表文件。

1. “僅對該文檔的CSS”的創(chuàng)建和應用。
選擇“僅對該文檔”,定義CSS后,CSS就出現(xiàn)在之間。它的優(yōu)點是創(chuàng)建好了就直接應用到當前文檔了。

2. 創(chuàng)建“外部CSS樣式表”。
2.1選擇“新建樣式表文件”。

2.2選擇保存在的文件夾→給CSS文件命名→選擇相對于文檔→保存。

2.3定義CSS樣式。

2.4一個“外部CSS樣式表”就做好了。

3. 鏈接“外部CSS樣式表”文件。
使用外部CSS的優(yōu)點是:只要修改外部的CSS樣式表文件,所有鏈接到該樣式表文件的文檔格式都會自動發(fā)生改變。
簡明步驟:打開一個網頁文檔→打開CSS樣式面板→點擊“附加樣式表”按鈕→點擊“瀏覽”按鈕→選擇需要的外部CSS樣式表文件→點擊“確定”按鈕。
3.1打開一個要應用CSS的網頁文檔。
3.2打開CSS樣式面板。
3.3點擊“附加樣式表”按鈕。

3.4點擊“瀏覽”按鈕。

3.5選擇需要的外部CSS樣式表文件。

3.6點擊“確定”按鈕。之后文檔就會應用外部樣式。

4. “僅對該文檔的CSS”轉換成“外部CSS樣式表”;
把文檔中的CSS樣式導出成為一個獨立的CSS樣式表文件。
簡明步驟:文件→導出→CSS樣式。

5.“外部CSS樣式表”轉換成“僅對該文檔的CSS”;
簡明步驟:雙擊打開外部CSS樣式表文件→在樣式表的開頭添加 →把整個CSS代碼復制到一個文檔的前面。
6.使用“代碼片段”功能重復使用“僅對該文檔的CSS”。
假如能夠重復使用“僅對該文檔的CSS”,就可以快速應用到大量需要使用相同CSS的文檔中。
簡明步驟:創(chuàng)建CSS代碼片斷:選擇一個包含CSS樣式表的文檔→進入代碼視圖→選擇CSS樣式代碼→點擊右鍵→點擊“創(chuàng)建新代碼片斷” →命名。
應用CSS代碼片斷:打開一個網頁文檔→進入代碼視圖→把插入點放在前面→打開“代碼片斷”面板→選擇定義好的CSS樣式→點擊插入按鈕。
6.1選中文檔中的CSS樣式表代碼,點擊右鍵,點擊“創(chuàng)建新代碼片斷”。
- 相關鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver中CSS樣式表的應用實例(3)
。