css浏览器上边距问题

原理:h3本来是有默认样式的:display:block; margin:1.5em 0(这里忘记多少了),还有若干其他的,这里主要是这两个,因此 h3 本来是自带垂直外边距的;2. display: inline 是只能够设置水平外边距,不受垂直外边距影响,所以h3变成display:inline的话就不会有那种情况了。所以不少网站都会讲h1-h6...
css浏览器上边距问题
原理:
h3本来是有默认样式的:display:block; margin:1.5em 0(这里忘记多少了),还有若干其他的,这里主要是这两个,
因此 h3 本来是自带垂直外边距的;
2. display: inline 是只能够设置水平外边距,不受垂直外边距影响,所以h3变成display:inline的话就不会有那种情况了。所以不少网站都会讲h1-h6加上margin:0;
3. 当父元素没有margin-top,而第一个子元素有margin-top的话,其margin-top会作用到父元素上,原因可以自行百度“margin 父元素”,这个现象和标准的文档流有关
2013-10-16
body中的标签有些都会有默认的距离,写一些代码来清除一下吧:
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}2013-10-15
html标签分块元素和行内元素,像div,p都是块元素,span是行内元素。

div和span都没有实际意义,但是p、h3都有意义了,p代表一行,H3代表标题3号。 上例中你添加了h3就会出现上边距,不难看出就是因为h3具有实际意义,他是有高度的,作为本身有高度的元素,肯定就有上下边距。

上例中,你只是定义了body的margin和padding,你把body换成 * 星号试试,结果就不会产生上边距了,呵呵。2013-10-15
body,h3{margin:0px;padding:0px;}常用标签需要重置属性,因为他们本身很多都会带有margin,padding的值,因此常用的标签都需要进行重置,使兼容更强!!而父级里面的子级一旦有margin-top值,就会产生外边距自动合并,这个是margin的一个特点也是一个bug!!而设置成display会把h3的块级元素转化为内联元素,内联元素的marign,padding,height,width值都不会起作用,因此设置inline会解决问题,但不建议这个做!
2013-10-16
mengvlog 阅读 10 次 更新于 2025-07-19 16:16:18 我来答关注问题0
  •  阿暄生活 关于CSS 中各浏览器字体上下位置不一致 求如何实现一致

    要解决CSS中各浏览器字体上下位置不一致的问题,可以采取以下方法:重置内外边距:使用通配符选择器*将所有元素的内外边距设置为0,以消除不同浏览器默认样式的差异。“`css{margin: 0;padding: 0;}2. **固定高度与行高**: 为包含文本的容器设置固定高度,并通过`lineheight`属性来确保文本在容...

  • 2. display: inline 是只能够设置水平外边距,不受垂直外边距影响,所以h3变成display:inline的话就不会有那种情况了。所以不少网站都会讲h1-h6加上margin:0;3. 当父元素没有margin-top,而第一个子元素有margin-top的话,其margin-top会作用到父元素上,原因可以自行百度“margin 父元素”,这个...

  • css设置上边距的方法一:使用margin-top属性 margin-top属性可以设置元素的上外边距围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。外边距属性受任何长度单位(可以是像素、英寸、毫米或 em。)、百分数值甚至负值。auto浏览器设置的上外边距。

  • 1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:div {border: 1px solid #0b93d5; margin-top: 50px;}。3、浏览器运行index.html页面,此时div元素的上边距用css设置为了50px。

  • (4)inherit 规定应该从父元素继承内边距 3、浏览器兼容问题 (1)所有浏览器都支持padding属性 (2)任何版本IE都不支持属性值“inherit”二、margin 1、语法结构 (1)margin-left:10px; 左外边距 (2)margin-right:10px; 右外边距 (3)margin-top:10px; 上外边距 (4)margin-bottom:10px...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部