考核内容: 有关于CSS盒模型知识
题发散度: ★
试题难度: ★
解题思路:
CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。
盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
下面的图片说明了盒子模型(Box Model):
- 盒模型的组成,由里向外content,padding,border,margin.
- 在IE盒子模型中,width表示content+padding+border这三个部分的宽度
- 在标准的盒子模型中,width指content部分的宽度
box-sizing的使用
box-sizing属性是css3中新增的属性,允许你以某种方式定义某些元素,以适应指定区域(假如您需要并排放置两个带边框的框,可通过将 box-sizing属性设置为"border-box",这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中);
Internet Explorer、Opera和Chrome浏览器支持box-sizing属性,Firefox还不支持该属性,但支持-moz-box-sizing属性替代box-sizing属性;
- box-sizing: content-box 是W3C盒子模型
- box-sizing: border-box 是IE盒子模型
box-sizing的默认属性是content-box
参考代码:
答案:
C, 在标准的盒子模型中,width指content+padding部分的宽度
相关推荐:
前端测试题:关于WEB中常用的度量单位,表述错误的是?
前端测试题:关于javascirpt中,typeof判断数据类型中不可能出现的是
前端测试题:var str=’shuke‘ 字符串值(shuke)转为变量名的方法正确的是?
前端测试题:有关于JS 中的主要错误,表述错误的是?
前端测试题:有关于双向绑定功能在ES6中实现的数据代理(数据劫持),表述有错误的是?
前端测试题:以下浏览器对js显示数据方法,表述错误的是?
前端测试题:关于JAVASCRIPT中以下操作输出的是TRUE的是?
前端测试题: 关于this的用法下面说法正确的是?
前端测试题:有关于JAVASCRIPT闭包说明正确的是?
前端测试题:如何理解JS中对数据的深浅拷贝?
前端测试题: 关于定义常量的关键字const,定义一个Object对象,再对属性的值进行修改,下列说法正确的?
前端测试题:ES6中想要获取Map实例对象的成员数,利用的属性是?
前端测试题:module模块中的注意事项,下列说法错误的?
前端测试题:module模块中,对下列语句的描述,错误的是?
前端测试题:关于ES6的module模块,下列说法错误的是?
前端测试题:在Generator函数中," yield* "语句的作用是?
前端测试题:Generator函数的yield关键字的作用是?
前端测试题:关于新特性Generator函数的描述,错误的是?
前端测试题:关于Iterator遍历器的说法,错误的是?
前端测试题: 下列数据结构中,不能被for...of遍历的是?
前端测试题:在类的继承中,关于super的说法错误的是?
前端测试题:下面关于类class的描述,错误的是?
前端测试题:关于Promise对象的状态,下列说法错误的是?
前端测试题:关于WeakMap结构,下列说法错误的是?
前端测试题:下列Map结构的键名数据类型,描述错误的是?
前端测试题:关于Map结构的介绍,下面说法错误的是?
前端测试题: 关于WeakSet结构,说法错误的是?
前端测试题: 关于set结构,下面说法错误的是?
前端测试题: 关于for...of的简述,说法错误的是?
前端测试题: 关于Proxy代理,下面说法错误的是?
前端测试题: 下面Symbol运算结果,结果为true的是?
前端测试题: 关于Symbol,错误的说法是?
前端测试题: 关于箭头函数的描述,错误的是?
前端测试题: 数组扩展的fill( )函数,[1,2,3].fill(4)的结果是?
前端测试题: 数组的扩展中,不属于用于数组遍历的函数的是?
企业面试题: 关于对象的Object.is函数,错误的是?
关于对象的扩展,错误的是?
企业面试题: 对前端工程师这个职位是怎么样理解的
企业面试题: 为什么要初始化CSS样式
企业面试题:CSS中 link 和@import 的区别是什么
企业面试题:position的absolute与fixed共同点与不同点
企业面试题:用css实现div在不同分辨率屏幕上下左右居中
企业面试题: 解释css sprites 如何使用?
企业面试题: 1&&2,1||2代码的输出值是?
企业面试题: cookies,sessionStorage 和 localStorage 的区别?
企业面试题: 关于JS在使用过程中 0.1+0.2!=0.3 的问题
企业面试题:js编写数组去重方法
企业面试题: 实现一个事件委托(事件代理)
企业面试题:如何显示/隐藏一个DOM元素
企业面试题:如何实现浏览器内多个标签页之间的通信
企业面试题:去除字符串空格
企业面试题:关于js闭包
企业面试题:如何实现实现1+2+......+n
企业面试题:变量作用域