CSS第三节（第七天）

1.认识个模型

2.盒模型相关属性

3.盒模型边距合并

1.认识盒模型：

所谓盒子模型就是把HTML中的元素看作是一个矩形的而盒子，每个举行都有内容、内边距、边框、外边距组成

盒子：边框+内边距+内容区域+外边距组成

2.盒模型相关属性

top上、left左、bottom下、right右

*height和width是设置div内容高和宽的属性

*padding是设置内边距宽度的属性

*margin是设置外边距宽度的属性

*border是设置边框宽度的属性

3.盒模型边距合并

*外边距合并div1-margin-bottom20px、div2-margin-top30px，实际两个盒子的外边距是以30px

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

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1赞 92
  • CSS入门笔记 － 认识盒子模型
    引言 这次给大家带来了CSS－盒子模型部分的笔记，大家一同交流😊 认识盒子模型之前，先来了解一下CSS元素的分类吧...
    zhaolion阅读 4,332评论 9赞 85
  • CSS学习笔记
    1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表，主要用...
    寥寥十一阅读 1,875评论 0赞 6
  • 十·CSS常用样式
    1.块级元素和行内元素 块级(block-level)元素；行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,048评论 1赞 4
  • 我在歌
    虎纹在腰间婀娜，雉羽和旌髦随风雀跃五彩矿土在通红的脸上明灭火燃烧、炙热，鼓点声赫赫舞动的手、舞动的脚口大张吧，露出...
    静铃音阅读 846评论 49赞 98