浅谈css之属性及剩余的选择符
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之属性及剩余的选择符就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。 (编辑:西双版纳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |