盒子模型

盒子组成:
盒子壁---border
内边距---padding:4值(上、右、下、左)、3值(上、左右、下)、2值(上下、左右)、1值(上下左右)
盒子内容----width+height
外边距-----margin
margin+border+padding+(content) //content=width+height

利用盒模型居中的一种方法:
两个宽高相同的父子盒子,子盒子padding或border设一个值

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通...
    王玉伟的伟阅读 1,191评论 0 2
  • 什么是盒子? CSS处理网页时,它认为每个元素都包含在一 个不可见的盒子里。 我们只需要将相应的盒子摆放到网页中相...
    咻咻咻滴赵大妞阅读 975评论 0 0
  • 其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通...
    Arvin_zhea阅读 2,050评论 1 1
  • 盒子模型(CSS 重点) css 学习三大重点: css 盒子模型 、 浮动 、 定位 主题思路: 目标...
    jovelin阅读 1,200评论 0 0
  • study material: -Gombrich chapter 1 strange beginnings-h...
    Cher阅读 478评论 0 2

友情链接更多精彩内容