舉例來說，例如 ：網頁中的標題文字都要呈現紅色字，但套用 Heading 1 樣式後，其文字只會加大、變粗，卻不會變換顏色，於是設計者還得自己手動更改文字色彩，一點都沒有效率，這就是傳統 HTML標籤的限制，使得設計者無法隨心所欲地編排版面。而 CSS樣式表可說是網頁排版的精髓所在，而在 Dreamweaver中使用 CSS 更是前所未有的簡單，只要用交談窗和 CSS Styles 面板來進行編輯、套用即可，完全不必學習任何語法。
一、開啟「CSS 專屬面版」
所有的CSS功能都集中放在「CSS專屬面板」之中，請選取功能表上的「視窗」→「CSS樣式」即可打開「CSS專屬面板」。
二、CSS 定義的三種類型
可分成三種類型，分別有「類別」、「標籤」、「進階」。分別說明如下：
- 類別：將設定完成的 CSS樣式套用在選取的物件上，例如文字、圖片、表格...等。
實例練習：何設定文字的間距與行距
「只有此文件」所有的CSS樣式會直接寫在目前的網頁之內
- 標籤：指定HTML標籤設定CSS樣式。
- 進階：主要用來設定超連結的效果。CSS 判斷連結規則的四種模式：
a:link ：滑鼠未移至連結前
a:hover ：滑鼠移至連結上
a:active ：按下滑鼠連結瞬間
a:visited：滑鼠按下連結後離開
當套用a:link 和a:hover 兩種效果..滑鼠移至連結上會出現另一種顏色，套用後若顏色或效果不對 ,記得將 原始碼 a:link 中的 :link 去除，只留a 即可正確顯示，也可同時改變字體大小部落格創作 , 網頁設計 , Ajax 網頁程式設計 , CSS
發表文章
沒有留言:
張貼留言