今天我們繼續上期的話題，上期我們對層疊樣式表（css）的基礎做了下大致的介紹，那麼今天我們來學習一些它的屬性。
盒子屬性
說到css屬性其中最重要的就是它的盒子屬性了，代表標籤為無屬性標籤<div>，包括的屬性有：
padding 內邊距（內填充）
border 邊框
margin 外邊距
如下圖：
內填充屬性 ：
邊框屬性 ：
外邊距屬性 ：
內容屬性
內容屬性包括v字體屬性 v文本屬性 v背景屬性 v列表屬性 v表格屬性 v光標屬性
1.字體屬性
例如：
div{
font:italic bold 12px/1.5em 「宋體」,times
}
12px指當前的字號，1.5em指行間距，「宋體」指當前適用的字體。
2.文本屬性
另外還有，word-break:break-all和word-wrap:break-word都是能使其容器如DIV的內容自動換行。
它們的區別就在於：1，word-break:break-all例如div寬200px，它的內容就會到200px自動換行，如果該行末端有個英文單詞很長（congratulation等），它會把單詞截斷，變成該行末端為conra(congratulation的前端部分)，下一行為tulation（conguatulation）的後端部分了。2，word-wrap:break-word例子與上面一樣，但區別就是它會把congratulation整個單詞看成一個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉的。word-break;break-all支持版本：IE5以上該行為與亞洲語言的 normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。word-wrap:break-word支持版本：IE5.5以上內容將在邊界內換行。如果需要，詞內換行( word-break )也將發生。
以下引用word-break的說明,注意word-break是IE5+專有屬性
語法：
word-break: normal | break-all | keep-all
參數：
normal: 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行break-all: 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本keep-all: 與所有非亞洲語言的normal相同。對於中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本
示例：
div{word-break : break-all; } * {word-break : break-all; }
3.背景屬性
4.表格屬性
word-wrap:break-word;幾乎所有瀏覽器都支持
word-break:break-all;除了opera外，其他都支持耶
word-wrap:break-word與word-break:break-all共同點是都能把長單詞強行斷句，不同點是word-wrap:break-word會首先起一個新行來放置長單詞，新的行還是放不下這個長單詞則會對長單詞進行強制斷句；而word-break:break-all則不會把長單詞放在一個新行裡，當這一行放不下的時候就直接強制斷句了
5.光標屬性
vcursor屬性： ücrosshair：精確定位「十」字形； üpointer：「小手」形狀 ütext：文本「I」形； üwait：等待，「沙漏」形； üdefault：默認指針； ühelp：幫助，帶尾箭頭； üauto：滑鼠按照默認的狀態根據頁面上的元素自行改變樣式。
6.透明屬性
vIE9，Firefox，Chrome，Opera，和Safari瀏覽器使用透明度屬性可以將圖像變的不透明。 Opacity屬性值從0.0 - 1.0。值越小，使得元素更加透明。註：文字也會透明 vIE8和早期版本使用濾鏡：alpha（opacity= x）。 x可以採取的值是從0 - 100。較低的值，使得元素更加透明。
img
{opacity:0.4; filter:alpha(opacity=40);/* For IE8 and earlier */
}
7.列表屬性
總結，css的屬性有很多，今天就給大家介紹到這裡了，明天我們將繼續探討css屬性下，希望小編的文章對大家的學習有所幫助。