css中外边距怎么设置 css设置外边距的几种方式

上周，我的朋友在做一个网页布局项目，遇到了设置CSS边距的问题。
他首先将四个边统一设置为单个margin属性，然后按方向分别设置，最后单独使用方向属性。
我发现他还尝试了百分比和自动值，让布局更加灵活。
在实战中，他还解决了margin塌陷的问题，使用了padding或者borderisolation。
响应式设计时，他选择了rem或者百分比，同时也使用了媒体查询来调整。
负边距也需要谨慎使用。
最后，他使用 Sass 生成边距规则以减少重复代码，并注意避免过度嵌套。
这让我意识到设置 CSS 边距确实是一门艺术。
你弄清楚了，也许你有更好的办法。

css margin-top和margin-bottom在垂直布局中使用

我上周看了前端教程。

通常使用margin-top和margin-bottom。

控制上下距离。

可以使用h1 到p。

例如，在 h1 下面添加 margin-bottom。

p也可用。

模块化设计。

在卡片之间使用下边距。

这个最好统一使用。

避免同时使用上边距和下边距。

除非你想要特效。

注意边距合并。

顶部和底部元素将取较大的值。

例如 2 0px 下边距。

3 0 像素上边距。

实际间距为3 0px。

避免距离过大。

设计是这样的。

有多种方法可以避免合并。

其中之一是使用 margin-bottom。

添加了隔离元素。

或者使用内联元素。

单位是rem或em。

响应式布局更好。

h2 边距底部 1 .5 rem。

p 边距底部 1 em。

不要使用 px。

重置默认样式。

正文边距 0。

h1 边距-底部 1 rem。

这更标准。

组件使用变量。

卡片边距底部 2 rem。

统一的底部距离。

部分中的元素。

上边距 0。

下边距 1 rem。

这样就更清楚了。

核心特征是距离。

但要小心合并。

优化的方向是统一。

使用相对单位。

重置为默认值。

标题段落模块。

一切都很有用。

根据现场称重。

算了。

css margin-top:5px; _ margin:3px ; 什么意思

上边距为5 px，下边距为3 px，这是CSS调整网页元素之间的间距。

上边距控制上边距，右边距控制右边距。

使用 margin:5 px 1 0px 1 5 px 2 0px 分别设置上、下、左、右间距。

兼容不同浏览器，必须编写特定的CSS代码。

例如，IE6 使用附加的 _margin 属性。

经验：不同的浏览器解析CSS的方式不同，需要适应。

margin代码什么意思

CSS 中的边距只是控制元素之间的间距。
您可以使用一个值，所有四个值都可以单独使用。
它们的上、下、左、右是不同的。
块级元素间距合并，行左右两边都算，浮动独立不合并。
谨慎使用负值，不要弄乱布局。