html +css學習筆記（3）

1.

整個盒模型在頁面中所佔的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成，而css樣式中width所定義的寬度僅僅是內容部分的寬度。

2. css優先順序

id優先順序高於class（id不要重複，否則js調用時會引起js的語法錯誤，只能取得第一個id的對象）。

後面的樣式覆蓋前面的

指定的高於繼承

行內樣式高於內部或外部樣式

3.

這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。

這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack,也叫寫CSS hack。

4.在IE6及以上版本和標準的瀏覽器當中，當設定一個盒模型的的margin:auto;時，可以讓這個盒模型置中。

5.line-height 預設是1.0 -1.2

6.text-align:justify 是指的左右都和邊框對齊，適用於多行的文本，單行不起作用。

7.word-spacing：對中文沒有作用，文檔上定義的word為任何非Null 字元組成的串，並由空格包圍，可以在中文間加個空格使其生效，不過也可以設定letter-spacing屬性，css把中文當成一個個字母。

8.當同時設定white-space：nowrap（使其在一行內顯示） text-overflow：ellipsis; overflow:hidden這三個樣式時可以使一行很長的字超過設定的寬度時用......顯示

9.form中的input可以設定readonly和disable，這兩項屬性區別如下     readonly不可編輯,但可以選擇和複製    disable不能編輯複製選擇 

並且也不會被提交到伺服器