9-5.内边距设置

内边距设置:

1.内边距的两大要素:方向和距离大小

2.所有元素都可以设置内边距,不像外边距那样有很多坑,所以一般情况下尽量使用内边距

3.方向:left左  right右  top上  bottom下

4.距离大小:合理的尺寸单位,px em rem 百分比

4.书写格式:padding-方向:内边距大小;

5.使用百分比时,参考的是父元素宽度或者高度的百分比

6.不可以使负值

 

内边距简写:

1.padding:值1 值2 值3 值4;

2.当四个值都设置时,内边距的值依次是上top,右right,下bottom,左left, 按顺时针方向进行设置

3.当设置三个值时,内边距的值依次是上top,右左left right ,下bottom,他们是对边的关系

4.当设置二个值时,内边距的值依次是上下top bottom,左右left right,也是对边的关系

5.当设置一个值时,内边距四个方向设置的是一样的值

posted on 2021-11-21 21:35  Walker-Yang  阅读(161)  评论(0编辑  收藏  举报

导航