4.css盒子模型-第一二章

2019-04-09 本文已影响0人博尔茨杰

image.png

宽度：
width：长度值|百分比|auto
最大宽度：
max-width：长度值|百分比|auto
最小宽度：
min-width：长度值|百分比|auto

高度：
height：长度值|百分比|auto
最大高度：
max-height：长度值|百分比|auto
最小高度：
min-height：长度值|百分比|auto
注：width和height属性设置对块级元素和替换元素有效

设置元素的内容与边框之间的距离（内边距或填充），分4个方向（上、右、下、左）

padding：值1；//4个方向都为值1
padding：值1 值2；//上下=值1，左右=值2
padding：值1 值2 值3；//上=值1，左右=值2，下=值3
padding：值1 值2 值3 值4；//上=值1，右=值2，下=值3，左=值4

设置元素的内容与边框之间的距离（内边距或填充），分4个方向（上、右、下、左）

margin：值1；//4个方向都为值1
margin：值1 值2；//上下=值1，左右=值2
margin：值1 值2 值3；//上=值1，左右=值2，下=值3
margin：值1 值2 值3 值4；//上=值1，右=值2，下=值3，左=值4