加载中...
avatar
文章
106
标签
39
分类
32
首页
时间轴
标签
分类
图库
友情
关于
留言板
Tao ying
搜索
首页
时间轴
标签
分类
图库
友情
关于
留言板

CSS盒子模型

发表于2023-04-08|更新于2025-11-10|前端CSSCSS基础
|阅读量:
文章作者: Tao ying
文章链接: https://ruoshui-30.github.io/post/19373731.html
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Tao ying！
CSS
cover of previous post
上一篇
CSS三大特性
cover of next post
下一篇
圆角边框、盒子阴影、文字阴影
相关推荐
cover
2023-04-08
CSS3提高：2D转换、动画、3D转换、浏览器私有前缀
cover
2023-04-08
CSS三大特性
cover
2023-04-08
CSS复合选择器、元素显示模式、背景
cover
2023-04-08
CSS定位
cover
2023-04-08
CSS浮动
cover
2023-04-08
CSS简介、基础选择器、字体属性、文本属性、引入方式
评论
avatar
Tao ying
手握鐵劍，心中無敵！
文章
106
标签
39
分类
32
Follow Me
公告
双 手 合 十 成 为 自 己 的 神, 自 己 所 信 念 的 即 是 信 仰

mao

微信号：GCT1612674018

QQ号：1612674018

目录
  1. 1. 一、看透网页布局的本质
  2. 2. 二、盒子模型（Box Model）组成
  3. 3. 三、边框（border）
    1. 3.1. 3.1 表格的细线边框
    2. 3.2. 3.2 边框会影响盒子实际大小
  4. 4. 四、内边距（padding）
  5. 5. 五、外边距（margin）
    1. 5.1. 5.1 外边距合并
      1. 5.1.1. 5.1.1 相邻块元素垂直外边距的合并
      2. 5.1.2. 5.1.2 嵌套块元素垂直外边距的塌陷
  6. 6. 六、清除内外边距
  7. 7. 七、案例
  8. 8. 八、总结
    1. 8.0.1. a、布局为啥用不同盒子，我只想用 div？
    2. 8.0.2. b、为啥用辣么多类名？
    3. 8.0.3. c、到底用 margin 还是 padding？
    4. 8.0.4. d、自己做没有思路？
最新文章
网站分享第六期
网站分享第六期2025-12-31
网站分享第五期
网站分享第五期2025-11-19
网站分享第四期
网站分享第四期2025-11-18
网站分享第三期
网站分享第三期2025-11-12
网站分享第二期
网站分享第二期2025-11-12
©2020 - 2026 By Tao ying
框架 Hexo|主题 Butterfly
搜索
数据库加载中