css盒模型的理解

闲的无聊,群里一个人谈论起了一个盒子模型,然后不知不觉讨论起来;
最后总结了一下:
1,盒模型的五层结构(三维层)

第一层 第二层 第三层 第四层 第五层
表框 内容内边距 背景图 背景色 外边距
border Content(padding) Background-images Background-color margin

图片1.png

2,盒模型(二维图)

内容 内边距 边框 外边距
content padding border margin position

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,356评论 1赞 92
  • 引言 这次给大家带来了CSS-盒子模型部分的笔记,大家一同交流😊 认识盒子模型之前,先来了解一下CSS元素的分类吧...
    zhaolion阅读 4,481评论 9赞 85
  • 原文地址:谈谈我对盒模型的理解 盒子是无处不在的。 html任何一个元素都可以看作一个盒子,这个盒子不可见,但是...
    薛普定朗谔克阅读 13,874评论 2赞 12
  • 今天行程第五天,上午开车80公里去虎跳峡,中午1时由虎跳峡开车到泸沽湖,路程260公里,来到泸沽湖下午六时,打算在...
    随缘spring阅读 329评论 0赞 0
  • 看《翻译官》这本书的时候,电视剧应该已经完结了。没看过剧,所以也不清楚具体的播出时间和故事情节。径直翻开书本看了几...
    原侑壹的必然屋阅读 453评论 0赞 1

友情链接更多精彩内容