加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS中实现去除边距的代码是什么

发布时间:2023-10-25 12:49:02 所属栏目:语言 来源:
导读:这篇文章给大家分享的是“CSS中实现清除边距的代码是什么”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。
建议给html页面创建样式时,首先添加如
这篇文章给大家分享的是“CSS中实现清除边距的代码是什么”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。
建议给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 道理是一样的。

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章