1.盒子模型

作者: 柠檬与断章 | 来源:发表于2019-11-21 14:05 被阅读0次

1）是什么：每个元素被表示为一个矩形的盒子，由四部分组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）。它在页面中所占的实际大小（宽高）是content+padding+border+margin之和。

（2）盒模型有两种：标准盒模型（W3C盒模型）、IE盒模型。

（3）两种盒模型的区别：标准盒模型内容大小就是content大小，而IE盒模型内容大小则是content+padding+border总的大小。

（4）怎么设置两种盒模型：通过设置box-sizing属性为content-box（默认值，标准盒模型）、border-box（IE盒模型）。

（5）JS怎么获取和设置box的宽高

（6）box-sizing使用场景：若设置子元素的margin或border时可能会撑破父元素的尺寸，就需要使用box-sizing:border-box来将border包含进元素的尺寸中。

面试题（DAT）
1.什么是盒子模型？盒子模型有两种，标准盒子模型和IE盒子模型。标准盒子模型：width = content + ...
【IMWeb秋招训练营】【Day1】面试题总结
1.什么是盒子模型？盒子模型有两种，标准盒子模型和IE盒子模型。标准盒子模型：width = content ...
CSS
1. 盒子模型 1.1 标准盒子模型标准盒子模型包括margin、border、padding、content，...
前端面试之HTML+CSS（八股文）
1. 盒子模型，普通盒子模型和怪异盒子模型有什么区别？答：普通盒子模型又称标准W3C盒子模型，标准盒子模型的Wi...
1.盒子模型
1）是什么：每个元素被表示为一个矩形的盒子，由四部分组成：内容（content）、内边距（padding）、边框（...
前端面试总结：CSS常见问题
1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？ 1.盒子模型有两种，IE盒子模型、W3C盒...
盒模型与inline、inline-block标签特点
一、 1.盒子模型分为标准盒模型，与怪异盒模型。 2.标准盒模型：内容尺寸盒子尺寸区域尺寸。 3.注意：盒子与...
CSS
1.盒子模型
2021-05-24
前端面试2021.5.24 1.说一下盒子模型：答：盒子模型有两种：W3C和IE盒子模型盒子模型包括margi...
CSS盒子模型
CSS盒子模型 1.盒子模型页面布局要学习三大核心，盒子模型，浮动和定位，学习好盒子模型能非常好的帮助我们布局页...

网友评论

本文标题：1.盒子模型

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

1.盒子模型