CSS小記

標籤：

1、元素置中：指定寬度，然後margin auto 即可

.middle{    max-width:400px;    //width:400px;//當瀏覽器被縮小，寬度小於元素寬度時，元素會被遮擋，所以應用max-width，會自動縮小元素以適應瀏覽器大小。這點對手機瀏覽器很有用    margin:0 auto;}

2、把列表元素的display 設為行內元素樣式 inline ，可以達到導覽列欄目的效果

3、box-sizing:border-box

　　對於盒子模型，IE早期版本將border和padding算在width內，而css標準則不算在內，這就造成個相容問題。通過如上設定可以將盒子模型的border、padding算在width內，達到統一的目的；此外，也因而更容易設定盒子的尺寸，因為需要設的尺寸參數少了（少了border和padding）。

CSS小記