page contents

简述css盒子模型

本文讲述了简述css盒子模型?具有很好的参考价值,希望对大家有所帮助。一起跟随六星小编过来看看吧,具体如下:

attachments-2022-01-u8SAGxeY61eb6401ce1ac.png

本文讲述了简述css盒子模型的概念、组成、分类,具有很好的参考价值,希望对大家有所帮助。一起跟随六星小编过来看看吧,具体如下:

这道题应该从三个方面来回答:

1. 盒子模型的概念

2. 盒子模型的组成

3. 盒子模型的分类

参考答案

1. 盒子模型:就是用来装页面上的元素的矩形区域

2. 盒子模型是由内容(content)内边距(padding)边框(border)外边距(margin)组成的。

3. 盒子模型分为两种,分别是:标准的W3C盒子模型(content-box)IE盒子模型(border-box),可以>通过css3引入的box-sizing设置属性值来切换。

①标准的w3c盒子模型:

attachments-2022-01-RkAleI8s61eb6394adb71.png

标准盒子模型:width指content部分的宽度。

②IE盒子模型

attachments-2022-01-HvAWJVRC61eb639c8b844.png

IE盒子模型:width指content+padding+border这三部分的宽度。

box-sizing:padding-box,这个属性值的宽度包含了左右padding+content

(理解性记忆,包含什么,width就从什么开始算起。)

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-yXH0xqAk62b2897c72006.jpeg

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1300 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章