浅谈css之属性及剩余的选择符(3)

div { width:300px; height:100px; margin:10px;}   

div { width:300px; height:100px; margin:0 auto;}   

缩写型式：   

margin: 上边距  右边距  下边距  左边距   

margin: 上下边距    左右边距   

margin: 上边距  左右边距  下边距  

padding      内边距

CSS Code复制内容到剪贴板

padding : length   

div { width:300px; height:100px; padding:10px;}   

padding-top         设置上边的内边距   

padding-bottom     设置下边的内边距   

padding-left        设置左边的内边距   

padding-right        设置右边的内边距   

缩写型式：   

padding: 上边距  右边距  下边距  左边距   

padding : 上下边距    左右边距   

padding : 上边距  左右边距  下边距  

补充知识：

padding内边距

当一个盒子设置了背景图像后，默认情况下背景图像覆盖的范围是padding和内容组成的范围，并以padding的左上角为基准点平铺背景图像。

border边框

border边框里在IE并不显示背景图像的内容，在Firefox则显示背景图像的内容。

因为边框是介于内边距和外边距之间的，当边框设置为虚线时，在IE中，虚线空白的地方露

出来的是padding部分的背景，而在Firefox中，虚线空白的地方露出来的是margin部分的背景。

margin外边距

body是个特殊的盒子，它的背景色会延伸到margin的部分，而其他盒子的背景色只会覆盖“padding+内容 部分”（IE浏览器中）或者“border+padding+内容”部分（Firefox浏览器中）

margin用于控制块与块之间的距离。

倘若将盒子模型比作展览馆里展出的一幅幅画，那么content就是画面本身，padding就是画面与画框之间的留白，border就是画框，而margin就是画与画之间的距离。

以上这篇浅谈css之属性及剩余的选择符就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

（编辑：ASP站长网）