百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> CSS3中清除外边距、内边距margin,padding使用方法
分享文章到:

CSS3中清除外边距、内边距margin,padding使用方法

发布时间:01/15 来源: 浏览: 关键词:
CSS3 margin,padding几个命令做开的的都知道了,我们今天一起来看一篇关于CSS3中清除外边距、内边距margin,padding使用方法,希望例子能够给大家带来帮助。

建议给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,<BR>legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,<BR>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 道理是一样的:

 

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有18人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板