CSS——盒子模型

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

盒子的组成:

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

这里着重说一下margin:

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

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

相关推荐
小码哥_常18 小时前
从Groovy到KTS:Android Gradle脚本的华丽转身
前端
灵感__idea18 小时前
Hello 算法:复杂问题的应对策略
前端·javascript·算法
麦麦鸡腿堡19 小时前
JavaWeb_请求参数,设置响应数据,分层解耦
java·开发语言·前端
Dxy123931021620 小时前
CSS常用样式详解:从基础到进阶的全面指南
前端·css
IT_陈寒20 小时前
SpringBoot自动配置揭秘:5个让开发效率翻倍的隐藏技巧
前端·人工智能·后端
Moment20 小时前
前端工程化 + AI 赋能,从需求到运维一条龙怎么搭 ❓❓❓
前端·javascript·面试
Joker Zxc20 小时前
【前端基础(Javascript部分)】6、用JavaScript的递归函数和for循环,计算斐波那契数列的第 n 项值
开发语言·前端·javascript
Highcharts.js20 小时前
React 图表如何实现下钻(Drilldown)效果
开发语言·前端·javascript·react.js·前端框架·数据可视化·highcharts
橙露20 小时前
Webpack/Vite 打包优化:打包体积减半、速度翻倍
前端·webpack·node.js
chushiyunen20 小时前
python中的魔术方法(双下划线)
前端·javascript·python