CSS DIV 區塊

CSS DIV 區塊顧名思義就是區塊等級的網頁元素,那這個 DIV 區塊可以幹嘛用呢?答案是 DIV 區塊可以用來做排版或編排各網頁元素的位置,而且還可以做美化,DIV 標籤已經是現代網頁設計的主流,所有的網頁設計師都應該要認識 DIV 區塊,以下是 DIV 基本語法及範例參考。

CSS DIV 區塊語法
DIV 區塊的語法非常簡單,開頭處的 DIV 標籤內,可以使用 style 直接宣告出 DIV 區塊內的元素樣式,例如文字大小、文字顏色或是 DIV 本身的背景顏色、邊框樣式 ... 等項目,也可以設定 id 或 class 等規則,在其他地方撰寫 DIV 的樣式語法。

CSS DIV 區塊處理網頁元素
呈現結果
粉紅色的背景色以及藍色的文字顏色
這個 DIV 範例很簡單,就是把 DIV 本身的背景顏色改為粉紅色(pink),文字顏色則改為藍色(blue),這裡用到了三個 CSS 的屬性,若有興趣可以看一看。
對於 DIV 區塊有一定的基本認識後,應該可以進一步了解 DIV 更多的應用方式,這幾篇可以加深對 CSS DIV 區塊設計的技術,值得研究。
以上是 DIV 區塊的基本介紹,接著來研究一下 CSS 的區域:CSS span 區域
分享於 2014-08-02