在使用Dreamweaver(DW)軟件設(shè)計網(wǎng)頁時,CSS樣式表的調(diào)用和顯示是非常重要的。CSS樣式表包含了所有網(wǎng)頁的樣式信息,可以讓網(wǎng)頁美觀而且易于修改。下面介紹一下DW中如何調(diào)用和顯示CSS樣式表。
首先,將CSS樣式表文件存儲在網(wǎng)站文件夾中。在DW軟件中打開網(wǎng)頁文件,然后在底部面板中找到“CSS樣式”選項卡,點擊“+”號,選擇“鏈接到外部樣式表”。 在“鏈接樣式表”對話框中選擇剛剛存儲的樣式表文件并點擊“確定”按鈕。
接下來,開始編輯CSS樣式表。在DW底部面板中找到CSS樣式表,在預(yù)覽窗口中可以看到所有樣式的定義。 在樣式表中添加或修改樣式時,可以直接在預(yù)覽窗口中查看樣式改動即時效果。
如果需要調(diào)試CSS樣式表,可以選中需要修改的元素,按Ctrl + Alt + T進(jìn)入“Target”模式,然后在預(yù)覽窗口中選擇需要的元素,即可將元素選中,并直接在樣式表中進(jìn)行修改。
如果需要查看整個網(wǎng)頁的CSS樣式信息,可以使用DW軟件自帶的“CSS樣式查看器”。點擊頂部菜單欄中的“視圖”,選擇“CSS選擇器”即可。 在“CSS選擇器”窗口中,可以查看整個網(wǎng)頁的樣式信息,包括元素的聲明,計算樣式以及優(yōu)先級等。
/* CSS樣式表示例 */ body { background-color: #ffffff; font-family: Arial, sans-serifu; } h1 { color: #ff0000; font-size: 36px; margin-top: 30px; } p { color: #000000; font-size: 16px; } a { color: #0000ff; text-decoration: none; }
上一篇dw附加css樣式文件
下一篇css文字兩邊的線