簡述CSS佈局中的基礎知識

剛接觸設計工作的朋友不得不使用CSS，本文就簡單介紹一些在使用CSS的時候經常用到的一些屬性的使用資訊，希望對你有所説明。

一、可設置的CSS屬性包括：字體屬性、文字屬性、顏色及背景屬性、邊框屬性、容器屬性(邊距屬性、填充屬性)、分類屬性、滑鼠屬性。

二、基礎屬性

字體屬性：font-family font-style font-variant font-weight font-size

文字屬性：word-spacing letter-spacing text-decoration vertical-align text-transform

text-align text-indent line-height

顏色背景屬性：color background(background-color background-image background-repeat

background-attachment background-position)

邊框屬性：border(border-top border-right border-bottom border-left)(border-width

border-style border-color)

容器屬性：margin padding width height float clear

分類屬性：display white-space list-style-type list-style-image list-style-position

list-style

滑鼠屬性：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize

sw-resize s-resize w-resize text wait help

三、CSS佈局

CSS盒模型的理解對於CSS佈局有很大説明，每個元素都有一個元素盒。 HTML佈局通常使用div+CSS，將網頁分為很多方塊，每個方塊和整個總體都可以各用一個div容納，然後用CSS對各個div進行佈局。 常用佈局屬性包括：margin padding float clear top right buttom left z-index position。