微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html去除网页默认间距代码

html去除网页默认间距代码

网页中,认的间距对于排版布局并不总是有利的。HTML提供了一些方法去除这种间距。下面是几种常见的方法

(1)去除浏览器的认margin和padding:
* {
  margin: 0;
  padding: 0;
}

(2)给元素添加reset样式表
在独立的CSS文件或style标签中定义以下样式:
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

(3) 使用CSS的Box-sizing属性
Box-sizing属性让你能够以特定的方式定义一个元素的总宽度和高度。认的Box-sizing属性是content-Box。将Box-sizing属性设置为border-Box会将padding和border算入总宽度和高度中。
* {
  Box-sizing: border-Box;
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐