【HTML/CSS学习】margin和padding的区别

1. margin

margin(外边距)属性定义元素周围的空间。

margin主要在元素的外部创建空白区域,用于分隔元素与其相邻元素之间的距离。

用处:可以用于调整两个元素之间的间隔。

2. padding

padding(填充)定义元素边框与元素内容之间的空间,即上下左右的内边距。

padding主要在元素的内部创建空白区域,用于分隔元素与元素边界之间的距离。

用处:用于控制文本或其他内部元素与元素边界之间的距离。

相关推荐
天水幼麟15 分钟前
动手学深度学习-学习笔记(总)
笔记·深度学习·学习
天水幼麟3 小时前
动手学深度学习-学习笔记【二】(基础知识)
笔记·深度学习·学习
沧海一笑-dj3 小时前
【51单片机】51单片机学习笔记-课程简介
笔记·学习·51单片机·江科大·江科大学习笔记·江科大单片机·江科大51单片机
Sally璐璐3 小时前
零基础学HTML和CSS:网页设计入门
前端·css
老虎06273 小时前
JavaWeb(苍穹外卖)--学习笔记04(前端:HTML,CSS,JavaScript)
前端·javascript·css·笔记·学习·html
三水气象台4 小时前
用户中心Vue3网页开发(1.0版)
javascript·css·vue.js·typescript·前端框架·html·anti-design-vue
灿灿121384 小时前
CSS 文字浮雕效果:巧用 text-shadow 实现 3D 立体文字
前端·css
大苏打seven4 小时前
Docker学习笔记:Docker网络
笔记·学习·docker
尘心cx4 小时前
前端-CSS-day1
前端·css
全宝6 小时前
🎨前端实现文字渐变的三种方式
前端·javascript·css