第七天：跨時代屬性box-sizing和Css.reset小知識

第 12 屆 iThome 鐵人賽

DAY 7

自我挑戰組

12th鐵人賽

972 瀏覽

觀看金魚都能懂網頁設計入門 11、12
還不觀看影片前，對於box-sizing其實就還懞懞懂懂，只知道設定了 box-sizing ，就不需要去計算增加多少或減少多少的值，所以這不就趕緊來了解。

觀念理解： Box-sizing

若是設定 border-box：表示box-sizing控制的寬度值（ width ）要指定給 邊框到邊框之間的尺寸
若是設定 content-box：表示box-sizing控制的寬度值（ width ）要指定給 內容物，也就是裡頭文字內容

主要是因為每個瀏覽器都有自己內建的css樣式，這時 Css.reset功用就來了，他可以把內建的Css樣式做歸零，這樣我們在做排版時，就不會多出一些內建css樣式寬度或高度。
而又有一個設定是 Normalize.css：主要設定是對於瀏覽器差異化地方做處理，但新手要使用時，還是要先了解Normalize.css保留的基本設定是什麼