网页中,默认的间距对于排版布局并不总是有利的。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] 举报,一经查实,本站将立刻删除。