美文网首页让前端飞
《前端面试题》- CSS - 盒子模型

《前端面试题》- CSS - 盒子模型

作者: 张中华 | 来源:发表于2020-11-05 00:33 被阅读0次

个人对于盒子模型的理解:

1. 每个盒子都是由 “外边距、边框、内边距、内容” 4部分构成:。
2. 盒子模型的种类有:标准盒子模型和IE盒子模型,不同之处在于计算width和height的方式不同。标准盒模型的width不包括border和padding, IE盒子模型包括border和padding。可以使用CSS3中的box-sizing指定使用哪种盒子模型(content-box、border-box、inherit)。
3. 常见的盒子有块级盒子和内联盒子及对应HTML元素中的块级元素和内联元素。特别之处在于内联盒子的height/width属性不起作用,且垂直方向的内边距/外边距及边框不会将处于其他inline状态的盒子推开。

详情请参看:《图解CSS》盒子模型

相关文章

  • 前端一些面试题

    HTML 和 CSS 面试题 盒子模型 CSS 中盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。W3C ...

  • 05-盒子模型

    typora-copy-images-to: media 第01阶段.前端基础.盒子模型 盒子模型(CSS重点) ...

  • CSS常见面试题

    1 CSS常见面试题 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=...

  • Web常见前端面试题及答案

    Web前端常见面试题及答案 1、盒子模型 盒子模型包括四部分:内容(content)、填充(padding)、边框...

  • 前端面试题之css篇(附答案)

    css经典面试题 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?box-sizing属性?请...

  • CSS 盒子模型

    CSS盒子模型 盒子模型边框 CSS盒子模型的宽度和高度 CSS模型的填充 CSS盒子模型的边界 填充和边界的区别

  • web前端面试之CSS盒子与选择器(码动未来)

    web前端面试之CSS盒子与选择器(码动未来) 1.1.1、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有...

  • Python(三十六)CSS提升

    前端第三课CSS提升来啦!涉及的内容有box model:盒子模型;CSS floating:CSS浮动;CSS ...

  • 50道CSS基础面试题(附答案)

    50道CSS基础面试题(附答案) 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒...

  • 2019-05-05

    基于CSS盒子模型及其CSS定位详解 CSS盒子模型 效果显示 盒子模型的简单应用 效果显示: CSS定位 效果显示

网友评论

    本文标题:《前端面试题》- CSS - 盒子模型

    本文链接:https://www.haomeiwen.com/subject/wsfwdktx.html