css學習-盒子模型

要做一名熱愛前端的攻城獅發表於2020-10-10

1.font:不需要設定的屬性可以省略(去預設值),但是必須保留font-size和font-family屬性,否則font屬性將不起作用。
2.em是一個相對單位,就是當前元素(font-size)一個文字的大小,如果當前元素沒有設定大小,則會按照父元素的一個文字大小。

盒子模型

原理圖
在這裡插入圖片描述

原始設定padding以及margin:
在這裡插入圖片描述

在這裡插入圖片描述
在a連結元素裡面padding-left: 20px:
在這裡插入圖片描述
在這裡插入圖片描述
在a連結元素裡面margin-left: 20px:
在這裡插入圖片描述
在這裡插入圖片描述
在li元素裡面padding-left: 20px:
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
不要在li裡面margin-left: 20px:
在這裡插入圖片描述
在這裡插入圖片描述

相關文章