盒模型

1.盒子模型是由内容(content),填充(padding),边框(border),边界(margin),四个属性组成的,它们都包括四个部分:上,右,下,左,当然这四个部分可以同时设置,也可以分别设置。

2.盒子模型分为标准盒模型(content-box)和怪异盒模型(border-box),默认情况下我们代码中元素是以content-box 作为标准的盒子,理论上说,content-box和border-box 的主要区别是二者的盒子的宽度是否包含元素的边框和内边距,即一个是内容不变,而另一个是压缩内容。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 原文地址:谈谈我对盒模型的理解 盒子是无处不在的。 html任何一个元素都可以看作一个盒子,这个盒子不可见,但是...
    薛普定朗谔克阅读 13,733评论 2 12
  • 盒模型 盒模型的特点: 每个盒子都有:边界、边框、填充、内容四个属性;每个属性都包括四个部分:上、右、下、左;这四...
    xiaolizhenzhen阅读 1,320评论 0 0
  • CSS假定每个元素都会生成一个或者多个矩形框,这称为元素框(规范的将来版本可能允许非矩形框,不过对现在来说,框都是...
    四光年阅读 841评论 0 10
  • 你做梦时,不会梦见一滴血泪换一枚硬币吧? 我也不会,我只会梦见中彩票,一中就是500万。 要想精神独立,你得有自己...
    你和我爱的一个梦好像阅读 313评论 0 0