CSS——盒子模型

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

盒子的组成:

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

这里着重说一下margin:

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

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

相关推荐
Struggler281几秒前
SSE的使用
前端
用户5806139393007 分钟前
前端文件下载实现深度解析:Blob与ObjectURL的完美协作
前端
Lin866610 分钟前
Vue 3 + TypeScript 组件类型推断失败问题完整解决方案
前端
coding随想10 分钟前
从零开始:前端开发者的SEO优化入门与实战
前端
前端工作日常13 分钟前
我理解的JSBridge
前端
Au_ust13 分钟前
前端模块化
前端
顺丰同城前端技术团队13 分钟前
还不会用 Charles?最后一遍了啊!
前端
BUG收容所所长14 分钟前
二分查找的「左右为难」:如何优雅地找到数组中元素的首尾位置
前端·javascript·算法
彬师傅14 分钟前
geojson、csv、json 数据加载
前端
用户527096487449015 分钟前
🔥 我与 ESLint 的爱恨纠葛:从"这破玩意儿"到"真香警告"
前端