CSS——盒子模型

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

盒子的组成:

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

这里着重说一下margin:

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

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

相关推荐
小学生豆豆3 分钟前
eslint以及其扩展插件
前端
Electrolux9 分钟前
【前端bug】Safari的选区机制导致的前端@人组件的bug
前端
w236173460112 分钟前
Tomcat:从零理解Java Web应用的“心脏”
java·前端·tomcat
姝然_952715 分钟前
cursor vue3 rules
前端
littleplayer15 分钟前
iOS 中的 @MainActor 详解
前端·swiftui·swift
嘻嘻嘻嘻嘻嘻ys20 分钟前
《智能编码新纪元:GitHub Copilot+Cursor实战开发效能跃迁指南》
前端
zhangxiao22 分钟前
预览组件 支持图片跟PDF
前端
LAOLONG-C1 小时前
今日CSS学习浮动->定位
前端·css·css3
城南旧事1 小时前
SSE (Server-Send Events) 服务端实时推送技术
前端
Mapmost1 小时前
【数据可视化艺术·应用篇】三维管线分析如何重构城市"生命线"管理?
前端·数据可视化