初學解惑：常用CSS樣式圖文設定教程

css|初學|教程

　　註：在論壇中記得有人問過，做了網頁之後字型特別大？如何控制網頁中的字型呢？答案是用CSS來控制，今天給大家編寫這個教程主要是面對初學者的！

　　一個有連結的文本，滑鼠ON、OVER不同狀態下的響應是不同的，在FLASH中我們可以輕鬆的在不同幀上進行不同的設定，但如果我們需要在網站中所有的連結中呈現此狀態，FLASH製作顯然不可想象，或者在頁面特定的文字中統一的出現一種連結效果，這就是CSS樣式，OK，下面開始：

　　開啟DW MX 2004，建立頁面插入表格，設定對齊置中，輸入文字（註：W3C已經不推薦使用表格排版了, 現在網頁設計已經開始用時CSS定位頁面元素，本教程裡面的表格可以用<UL><LI>替換。）

　　在輸入的文字上設定超連結後，系統預設字型顏色變藍，並且自動加底線，從下圖可以看到，字型感覺很粗糙，沒有精緻感。

　　將游標定位在文字儲存格/右鍵/選擇“CSS樣式表”->“建立”。也可以在CSS面板右鍵/建立CSS樣式表

　　在彈出的面板中做如下設定：

　　確定之後儲存

　　單擊“儲存”之後，在接下來的彈出面板中設定字型為“宋體”，字型大小為12，行高22，字型顏色可以設定為和背景協調的顏色。

　　目前字型還沒有任何變化，接著：右鍵/選擇“CSS樣式表”->“建立”，在彈出面板做如下設定：

　　重複上面步驟：

　　好了，現在用IE預覽，在滑鼠移動至連結文字上，顏色改變，出現底線。

　　至此CSS樣式設定完成。

　　如果需要修改樣式，右鍵/選擇“CSS樣式表”->“管理樣式”，如圖：