margin的定義和用法: 這個簡寫屬性設定一個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。 塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。 例如:設定 p 元素的 4 個外邊距: p { margin:2cm 4cm 3cm 4cm; } 例1: margin:10px 5px 15px 20px; 上外邊距是 10px 右外邊距是 5px 下外邊距是 15px 左外邊距是 20px 例2: margin:10px 5px 15px; 上外邊距是 10px 右外邊距和左外邊距是 5px 下外邊距是 15px 例3: margin:10px 5px; 上外邊距和下外邊距是 10px 右外邊距和左外邊距是 5px padding的定義和用法: padding 屬性設定元素的內邊距。 padding 屬性定義元素邊框與元素內容之間的空間。 該屬性可採取 4 個值: 如果規定一個值,比如 div {padding: 50px} - 所有四個邊的 padding 都是 50 px。 如果規定兩個值,比如 div {padding: 50px 10px} - 上下內邊距是 50 px,左右內邊距是 10 px。 如果規定三個值,比如 div {padding: 50px 10px 20px} - 上內邊距是 50 px,左右內邊距是 10 px,下內邊距是 20 px。 如果規定四個值,比如 div {padding: 50px 10px 20px 30px} - 上內邊距是 50 px,右內邊距是 10 px,下內邊距是 20 px,左內邊距是 30 px。
margin的定義和用法: 這個簡寫屬性設定一個元素所有外邊距的寬度,或者設定各邊上外邊距的寬度。 塊級元素的垂直相鄰外邊距會合並,而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。同樣地,浮動元素的外邊距也不會合並。允許指定負的外邊距值,不過使用時要小心。 例如:設定 p 元素的 4 個外邊距: p { margin:2cm 4cm 3cm 4cm; } 例1: margin:10px 5px 15px 20px; 上外邊距是 10px 右外邊距是 5px 下外邊距是 15px 左外邊距是 20px 例2: margin:10px 5px 15px; 上外邊距是 10px 右外邊距和左外邊距是 5px 下外邊距是 15px 例3: margin:10px 5px; 上外邊距和下外邊距是 10px 右外邊距和左外邊距是 5px padding的定義和用法: padding 屬性設定元素的內邊距。 padding 屬性定義元素邊框與元素內容之間的空間。 該屬性可採取 4 個值: 如果規定一個值,比如 div {padding: 50px} - 所有四個邊的 padding 都是 50 px。 如果規定兩個值,比如 div {padding: 50px 10px} - 上下內邊距是 50 px,左右內邊距是 10 px。 如果規定三個值,比如 div {padding: 50px 10px 20px} - 上內邊距是 50 px,左右內邊距是 10 px,下內邊距是 20 px。 如果規定四個值,比如 div {padding: 50px 10px 20px 30px} - 上內邊距是 50 px,右內邊距是 10 px,下內邊距是 20 px,左內邊距是 30 px。