body默认边距和行内元素之间默认边距

最新推荐文章于 2024-04-09 15:07:57 发布
最新推荐文章于 2024-04-09 15:07:57 发布
阅读量2.2k 收藏 1
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35129986/article/details/79788970
版权

今天想看一下body的默认边距

看了一下浏览器，body的默认边距是8px

所以在写页面之前都要去掉默认边距

*{margin:0; padding:0;}

行内元素之间的默认边距是4px

另外关于本地图片间距正常，上线后图片又出现4px间距

是因为，在服务器发布的时候会压缩代码，将空格去掉，所以在本地的时候需要删除图片间的空格，以及图片之间不要换行显示，或者比线上少4px，发布后服务器图片间距显示正常


战血石LoveYY
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
内外边距、怪异盒子、行内元素和块元素的应用
m0_64460142的博客
03-29 488
1.内外边距 回顾一下外边距：外边距是如div标签包裹的盒子外面距离网页的边距称为外边距 内边距则是如div标签类盒子的内部元素距离边框的边距 同样内边距也可以单独设置：padding-top：Npx；（设置内边距上边距） padding-bottom：Npx；（设置内边距下边距） padding-left：Npx；（设置内边距左边距） padding-right：Npx；（设置内边距右边距） 2.怪异盒子 怪异盒子个人自述：学到盒子的时候讲到盒子的组成为margin、paddi..
html怎么消除body的外边距,HTML布局排版1清除body的margin
weixin_33226816的博客
06-05 4183
观察可发现，通常的HTML页面分为上中下三部分，上边是导航一栏，中间是内容，下方是页面的下部分。注意html里body自己自带8px的上下左右外边距，如图，在qq浏览器和ie里能够看到body自己是8px的margin，在设置大分区的时候，须要把该margin清零，若是有须要，带着也能够，若是不想留这边距，能够设置body的margin为0。本博文介绍两点1：布局前清除body的margin。2：...
关于解决页面布局body默认边距问题
热门推荐
晴天小风的博客
01-05 1万+
关于解决页面布局body默认边距问题 前段使用html进行页面的编写编写之后，会出现body标签与页面之间有边距出现，为8px，非常影响页面布局，这里给出解决此问题的方法： 在CSS中加入以下代码，即可解决 body{ margin: 0; padding: 0; border: 0; }
[css] body的默认margin值
weixin_36210698的博客
03-22 4917
body的默认margin值 一般浏览器中都对body标签进行默认的margin设置为8px，当然，不同的浏览器会设置成不同的值，它是由浏览器的user-agent-stylesheet提供了，chrome提供的如下： body { display: block; margin: 8px; } 有些浏览器的user-agent-stylesheet可以由用户进行修改，而有的浏览器...
css行内（块）元素之间默认间距问题
weixin_41440480的博客
07-01 1万+
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
解决element-ui的坑 body外默认有一圈8px的边框
MartinTeoZhang的博客
08-01 3004
用element-ui写项目时发现页面四周莫名有一圈留白 （就是蓝色背景和网页边框之间的白色） f12检查后发现是body标签外一个8px的margin，应该是element-ui自带的 解决： 在Vue-CLI项目的index.html文件的body标签上加上 style="margin: 0;" ...
CSS进阶二（常用的CSS属性及块元素和行内元素）
qq_44872688的博客
10-15 469
文章目录一、在页面布局中常用的CSS属性1、二、使用步骤1.引入库2.读入数据总结 一、在页面布局中常用的CSS属性 1、 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('ignore') import ssl ssl._create_def
1-3、网页布局1——块元素/行内元素/行内块元素
ss 的博客
04-29 1398
三、行内元素和块元素
CSS — 盒子的水平和垂直布局、外边距的折叠、行内元素盒模型、浏览器默认样式、盒子的尺寸、轮廓和圆角
m0_59897687的博客
01-15 521
目录 一、盒子的水平布局 二、盒子的垂直布局 三、外边距的折叠 1.兄弟元素 2.父子元素 四、行内元素盒模型 1.display 2.visibility 五、浏览器默认样式 六、盒子的尺寸 七、轮廓和圆角 1.box-shadow 2.outline 3.border-radius 一、盒子的水平布局 元素在其父元素中水平方向的位置由以下几个属性共同决定： margin-left, border-l...
行内元素的默认的横向边距与纵向边距
xiongshiyuan的博客
02-03 374
行内元素在渲染是会默认添加右侧和底部边距，如果在多个图片排列时这种情况就比较明显，当我们需要在布局上完全无边距的时候就需要去除这些编剧 去除方法就是 // 在单元元素上添加下面对应的属性去除边距 // 去除横向边距 .x-noSpace { font-size: 0; } // 去除纵向边距 .y-noSpace { line-height: 0; } ...
【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-19 1701
一、元素默认的外边距 1、body 标签的默认外边距 2、p 标签的默认外边距 二、清除元素默认的内外边距 1、清除方式 2、代码示例 三、行内元素边距设置
关于已清除body的内外边距，却不顶格问题
qq_63303384的博客
10-10 315
关于已清除body的内外边距，且小li去掉圆圈却不顶格问题
body有8px的神秘边距
ZF的博客
11-02 2374
首先，你需要知道为什么会有8px的神秘边距： 很多元素默认有一个8px的 margin，而且在不同浏览器上表现效果不同 在项目中，通常都是使用reser.css重置所有的样式表，可以保证在所有浏览器下，项目展示的样式是一致的： （1）在项目中应用：在asset的css中插入reset.css文件， // main.js import @/assets/css/reset.css （2）或者在demo这样写： <style> * { margin: 0; padding: 0; } &l
vue3中body有默认属性margin:8px去掉
最新发布
SiYuHuang_SCDN的博客
04-09 554
最近刚开始上手vue3,发现body中有个margin:8px；在app等页面去不掉。在index.html中添加样式代码，可以去掉项目自带的margin。现发现在index.html中可以去掉。
css中body默认的margin
FYSGXFZ的博客
07-07 1351
在一些浏览器中css默认对margin设置为8px，当然也有可能是其他值。这是浏览器的user agent stylesheet自动设置的，因为浏览器的user agent stylesheet优先级很低所以如果对其默认样式有不满意的地方，可以自行设置覆盖该属性。不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}；eg：这...
[前端开发] 行内/行内块元素默认的间隙原理其解决办法
记录开发日常
10-28 1218
原理： 行内元素默认会有空格间隙，其原理就是因为标签换行所产生的 解决的方案： 1.如果我们将行内标签写在一行上，则不会出现间隙问题 2.当然我们也可以使用浮动来清除间隙，因为浮动可以脱离标准流，所以自然不会出现间隙问题 ......
布局页面常见问题
qq_43722072的博客
11-14 428
1.在布局页面时，出现body和div之间有间距，影响整个布局的美观 由于一般浏览器都给body设置了8px的 margin值，因此如果我们不做单独的处理，那么他就会留存一个间隙。（如此处的黄色间隙） 解决方法： body { margin: 0px; padding: 0px; } 2.导航部分的效果（display:inline-block 和float:left 的区别） 例如：...
DIV布局中MARGIN属性清除body体的外边距
RU小冰的专栏
07-12 9682
BODY体默认的页面外边距是有一点距离的，加了margin:0px; 后外边距看不见了，个人理解BODY体MARGIN属性比较特别，是指内BODY体内文本的外边距。   DIV+CSS页面布局margin    body{ background:#FF0000; margin:0
理解HTML和CSS布局的关键：盒子模型(Box Model)
此外，还简单介绍了HTML的基本元素，包括顶级元素、块级元素和内联元素，并强调块级元素是构成HTML页面的基础，可以使用盒子模型来解释其结构。Box Model由content、padding、background和border、margin五部分组成...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值