iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
0
自我挑戰組

向CSScoke重新學習CSS系列 第 7

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

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

觀念理解: Box-sizing

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

為什麼有Css.reset

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

上一篇
第六天:block和inline的愛恨情仇?
下一篇
第八天:Flex,淺短了解
系列文
向CSScoke重新學習CSS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言