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

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

推荐阅读更多精彩内容

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