什么是边框?--> 边框就是环绕在标签宽度和高度周围的线条.
1. 边框属性的格式: border: 边框的宽度 样式 颜色;
2. 连写的格式:
2.1) 按照方向: border-top(right,left,bottom): ;
2.2) 按照属性同时设置四条边: border-width(style,color):; ----> 取值规律是按照上右下左来赋值的.
3. 注意点:
3.1) 连写的格式颜色属性可以省略, 省略之后默认就是黑色.
3.2) 连写格式中样式不能省略, 省略之后就看不到边框了.
3.3) 连写格式中宽度可以省略, 省略之后还是可以看到边框.
4. 特殊点:
4.1)border-bottom:none; 代表不需要边框.
4.2) 同一选择器后面设置的属性会覆盖前面的.
内边距 (padding)
1. 内边距就是边框和内容之间的距离.
2. 注意点:
2.1) 给标签设置内边距之后, 标签占有的宽度和高度会发生变化.
2.2) 给标签设置内边距之后, 内边距也会有背景颜色.
外边距 (margin)
1. 外边距就是标签和标签之间的距离.
2. 注意点:
2.1) 给标签设置外边距之后, 外边距那一部分是没有背景颜色的.
2.2) 在默认布局的垂直方向上, 默认情况下外边距是不会叠加的, 会出现合并现象, 谁的外边距比较大就听谁的.
来源: http://www.bubuko.com/infodetail-3130268.html