专栏首页迈向前端工程师前端测试题:有关于下面盒模型,说法错误的是?

前端测试题:有关于下面盒模型,说法错误的是?

考核内容: 有关于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部分的宽度

本文分享自微信公众号 - 迈向前端工程师(shukeh5),作者:舒克老湿

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端测试题:关于WEB中常用的度量单位,表述错误的是?

    元素的width/height/padding/margin用em的话是相对于该元素的font-size

    舒克
  • 前端面试题: 以下不是关系数据库管理系统RDBMS的是()?

    是将数据组织为相关的行和列的系统,而管理关系数据库的计算机软件就是关系数据库管理系统,

    舒克
  • 企业面试题: 请用JS去除字符中(1)所有空格 (2)去除两头空格

    请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。

    舒克
  • CSS魔法堂:重新认识Box Model、IFC、BFC和Collapsing margins

    前言                                   盒子模型作为CSS基础中的基础,曾一度以为掌握了IE和W3C标准下的块级盒子模型即可,...

    ^_^肥仔John
  • OpenCV鼠标画图例程,鼠标绘制矩形

    用户1539362
  • 亚马逊推出新的机器学习芯片Inferentia;提供数据标记服务;全新GPU instance

    亚马逊宣布推出一款由AWS设计的芯片Inferentia,专门用于部署带有GPU的大型AI模型,该芯片预计于明年推出。

    AiTechYun
  • css3 box-sizing属性

    deepcc
  • 有趣的 box-decoration-break

    这两天接触到一个很有意思的 CSS 属性 -- box-decoration-break。下面就一起去一探究竟。

    Sb_Coco
  • 学会判断机器学习模型的性能——开发基线模型技能

    这是初学者常问到的问题。作为一个初学者,你经常会去寻找这个问题的答案,比如你希望别人为你解答,x%的准确性或者x的误差分数是否有效。这篇文章将告诉你如何自己来回...

    AiTechYun
  • 加入Transformer-XL,这个PyTorch包能调用各种NLP预训练模型

    PT-BERT 项目地址:https://github.com/huggingface/pytorch-pretrained-BERT

    机器之心

扫码关注云+社区

领取腾讯云代金券