Margin,border,padding(css 终极之南随笔）

Posted 2020-07-18 郭逊

margin

　　应用到块级元素。

　　margin设置百分数的时候，竖直方向也是宽的百分比。

　　margin的值书写方式。两个值、三个值、四个值。

　　MARGIN每边写法。

　　应用到非替换行内元素的时候，不影响行高。水平方向可以影响文字换行。

border

　　border-style

　　　　十钟样式。可以每边设置一个样式。如果样式为none，border就不存在。

　　border-width

　　　　默认是mediu，2px。

　　border-color

　　　　border默认颜色是文字的前景色，如果没有的话是父级元素的颜色。

　　背景颜色显示在下面。

　　border的缩写方式。

padding

　　内边距，背景在下面。可以设置四个边。竖直方向百分比也是宽度的百分数。

　　应用到不可替换行内元素的时候，不影响行高，