最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS3中清除外边距、内边距margin,padding使用方法
时间:2022-11-14 23:39:07 编辑:袖梨 来源:一聚教程网
建议给html页面创建样式时,首先添加如下CSS样式,将所有的元素内外间距都设为0:
{
margin: 0px;
padding: 0px;
}
因为如果我们不明确定义,由于不同浏览器处理策略不同,有的默认间距就设为0,而有的却有默认值。这样就会造成不同浏览器下显示的差异。
例子
去除html标签默认的外边距margin和内边距padding
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0;
padding:0;
}
padding: 上、右、下、左; {从上按顺时针转的}
可用 padding-top、padding-bottom、padding-left、padding-right 分别表示:
如果 padding 属性缺失 right、bottom、left; 就都参考 top:
如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right:
如果 padding 属性缺失 left; left 会参考 right:
外边距 margin 和内边距 padding 道理是一样的:
相关文章
- 《无限暖暖》围巾蚯蚓具体作用介绍 12-24
- 《无限暖暖》星夜守望连衣裙获得方法介绍 12-24
- 《无限暖暖》魔物试炼幻境解锁方法介绍 12-24
- 《无限暖暖》磐岩晶石获得方法介绍 12-24
- 《无限暖暖》巨石岩仔打法攻略分享 12-24
- 《无限暖暖》布布果在哪 12-24