CSS——盒子模型

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

盒子的组成:

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

这里着重说一下margin:

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

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

相关推荐
engchina1 小时前
@media 的常用场景与示例
css·media
林的快手1 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
匹马夕阳2 小时前
ECharts极简入门
前端·信息可视化·echarts
API_technology2 小时前
电商API安全防护:JWT令牌与XSS防御实战
前端·安全·xss
yqcoder2 小时前
Express + MongoDB 实现在筛选时间段中用户名的模糊查询
java·前端·javascript
十八朵郁金香2 小时前
通俗易懂的DOM1级标准介绍
开发语言·前端·javascript
m0_528723814 小时前
HTML中,title和h1标签的区别是什么?
前端·html
Dark_programmer4 小时前
html - - - - - modal弹窗出现时,页面怎么能限制滚动
前端·html
GDAL4 小时前
HTML Canvas clip 深入全面讲解
前端·javascript·canvas
禾苗种树4 小时前
在 Vue 3 中使用 ECharts 制作多 Y 轴折线图时,若希望 **Y 轴颜色自动匹配折线颜色**且无需手动干预,可以通过以下步骤实现:
前端·vue.js·echarts