CSS——盒子模型

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

盒子的组成:

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

这里着重说一下margin:

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

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

相关推荐
2501_943782354 小时前
【共创季稿事节】 倒计时器:时分秒选择器与定时器的协同工作
前端·华为·harmonyos·鸿蒙·鸿蒙系统
奶油mm4 小时前
公司技术债堆积如山,我一人之力用 Vue3 偷换了整个前端架构
前端·vue.js
用户938515635074 小时前
深入理解 JavaScript 中的 this 与数据存储的奥秘
前端·javascript
JNX_SEMI5 小时前
AT2659 L1频段多模卫星导航低噪声放大器技术解析
前端·单片机·嵌入式硬件·物联网·硬件工程
Profile排查笔记7 小时前
指纹浏览器环境异常排查:Fingerprint、Profile、Proxy、Session 和 Task Log 怎么看
前端·人工智能·后端·自动化
京韵养生记7 小时前
【无标题】
java·服务器·前端
大气的小蜜蜂8 小时前
领域层的服务
java·前端·数据库
星栈8 小时前
LiveView 的 LiveComponent:比 React 组件更轻,但我一开始真的把它用错了
前端·前端框架·elixir
林希_Rachel_傻希希8 小时前
web性能优化之延迟加载图片和<inframe>
前端·javascript·面试
maxmaxma8 小时前
Konva 从入门到实践 - day1
前端