CSS——盒子模型

首先CSS将所有的元素都看成一个盒子

盒子的组成:

  • content ------ 内容区域
  • padding ------ 内边距(边框与内容间的距离)
  • border ------ 边框线
  • margin ------ 外边距(盒子盒子间的距离)

这里着重说一下margin:

水平方向:margin-left : auto => 让target元素左边的margin占据尽可能多的空间,使元素靠右

margin : auto => 让target元素左右两边的margin都占据尽可能多的空间,就会各占一半,使元素居中

相关推荐
佛系菜狗1 天前
防抖和节流-防抖鸿蒙版本实现
前端
不一样的少年_1 天前
老板问我:AI真能一键画广州旅游路线图?我用 MCP 现场开图
前端·人工智能·后端
东方石匠1 天前
Javascript常见面试题
前端·javascript·面试
恋猫de小郭1 天前
Flutter 也有类 React Flow 的节点流程编辑器,快来了解下刚刚开源的 vyuh_node_flow
android·前端·flutter
性野喜悲1 天前
<script setup lang=“ts“>+uniapp实现轮播(swiper)效果
前端·javascript·vue.js·小程序·uni-app
wangdaoyin20101 天前
UniApp 在手机端(Android)打开选择文件和文件写入
android·前端·uni-app
用户497357337981 天前
高端Web全栈工程师精品就业实战班课程 从零打造Web架构师
前端
我们没有完整的家1 天前
技术速递|Playwright MCP 调试 Web 应用时,GitHub Copilot 生成断言脚本的实用方法
前端·github·copilot
universe_011 天前
前端学习之八股和算法
前端·学习
一川_1 天前
ElementUI分页器page-size切换策略:从保持当前页到智能计算的优化实践
前端