Frontend Logs: html/css 重點筆記

# 學習筆記

margin 與 padding 的差異

位置是他們最大的差異
margin 是外邊距，有負值，別稱 填充
padding 是內邊距，別稱 空白邊

甚麼是 box model

框模型(box model)是包含border(邊框)、margin(外邊距)、padding(內邊距)和處理元素內容的處理方式。

為何要使用 em 而非 px 來定義字的大小

為了在internet explorer調整文本大小
em可以在所有瀏覽器更改文字大小，px在部分瀏覽器不行
px是用來調邊距的單位

h1 {margin : 10px 0px 15px 5px;} 的margin-top、margin-right、margin-left、margin-bottom 各是多少？

造順時鐘順序排列

• top 10px

• right 0px

• bottom 15px

• left 5px

# extra

• 如果缺少左外邊距的值，則使用右外邊距的值。

• 如果缺少下外邊距的值，則使用上外邊距的值。

• 如果缺少右外邊距的值，則使用上外邊距的值。