2021面试题——CSS面试题总结

我不是女神ヾ 2023-01-15 11:27 293阅读 0赞

# css面试题总结 #

### 1.介绍一下标准的css的盒子模型，与低版本IE的盒子模型有什么不同？ ###

**标准盒子模型**：宽度=内容的宽度（content）+border+padding+margin

**低版本IE盒子模型**： 宽度=内容宽度（content+border+padding）+margin

用来控制元素的盒子模型的解析模式，默认为 content-box

content-box:w3c的标准盒子模型，设置元素的宽高属性就是content部分的宽高

border-box：IE传统盒子模型，设置元素的宽高属性值的是border+padding+margin 三者之和的宽高，

**元素内容的宽高等于：元素的宽高 - （ border + padding ）**

### 2.css选择器有哪些？哪些属性可以继承 ###

id选择器

类选择器

标签选择器

相邻选择器

子选择器

后代选择器

通配符选择器

属性选择器

伪类选择器

可继承的属性：font-size font-family color

不可继承的样式：border，padding，margin，width，height

优先级（就近原则）：！important>id选择器>类选择器>标签选择器

### 3.CSS3有哪些新特性？ ###

background-image
    background-origin（content-box，padding-box，border-box）
    background-size
    background-repeat
    word-wrap：normal|break-word;
    text-shadow文字阴影: 水平 垂直 模糊距离 阴影颜色
    font-face 字体
    border-radius边框圆角
    border-image：url（） 3 3 round 边框图片
    box-shadow
    媒体查询

### 4.em和px的区别 ###

px和em都是长度单位

\*\*区别：\*\*px的值是固定的的，计算比较容易；em的值不是固定的，并且em会继承父级元素的字体大小

\*\*注意：\*\*浏览器的默认字体高都是16px，所以未经调整的浏览器都符合：1em=16px

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 2021面试题——css和html面试题

css和HTML面试题 1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? IE:trident内核 Firefox：gecko内核 Safari:

╰半夏微凉°/ 2023年01月17日 09:22/ 0 赞/ 233 阅读

相关 2021面试题——jQuery面试题总结

jQuery面试题 1.jQuery库中的$是什么 $ ()函数是jQuery（）函数的别称。$ ()函数用于将任何对象包裹成jquery对象，接着你就被允许调用定

拼搏现实的明天。/ 2023年01月15日 11:27/ 0 赞/ 186 阅读

相关 2021面试题——CSS面试题总结

css面试题总结 1.介绍一下标准的css的盒子模型，与低版本IE的盒子模型有什么不同？标准盒子模型：宽度=内容的宽度（content）+border+paddi

我不是女神ヾ/ 2023年01月15日 11:27/ 0 赞/ 294 阅读

相关 2021面试题——js面试题总结

js面试题总结 1.js的typeof返回哪些数据类型？ alert(typeof null) //object alert(ty

约定不等于承诺〃/ 2023年01月15日 11:27/ 0 赞/ 192 阅读

相关 2021vue面试题总结

故心故心故心故心小故冲啊 -------------------- 文章目录 1.说说你对vue的理解? 2.说说你对双向绑定的理解? 3.Vue中

女爷i/ 2023年01月05日 01:21/ 0 赞/ 308 阅读

相关 2021面试题

1. javascript的typeof返回哪些数据类型. 答案：string,boolean,number,undefined,function,object

痛定思痛。/ 2023年01月03日 01:22/ 0 赞/ 442 阅读

相关 2021面试题——vue面试题总结

vue面试题总结 1.vue的特点是什么 1.国人开发的轻量级框架 2.双向数据绑定，在数据操作方面更为简单 3.视图，数据，结构分析，不需要进行逻辑代码的修改

我不是女神ヾ/ 2022年11月13日 00:51/ 0 赞/ 390 阅读

相关 css经典面试题总结

CSS 并不是面试的重点考察项，这也导致现在国内业界对 CSS 的专注不够，真正精通并专注于 CSS 的团队和人才并不多。因此如果能在 CSS 领域有自己的见解和经验，反而会为

川长思鸟来/ 2022年11月07日 04:24/ 0 赞/ 247 阅读

相关 2021前端css面试题

1. 标准盒模型和ie盒模型 1. 标准盒模型：（content）+ border + padding 分开 2. ie盒模型：（content+border+pa

╰半夏微凉°/ 2022年10月23日 04:56/ 0 赞/ 274 阅读

相关【CSS】CSS面试题总结

1. 前言首先非常感谢慕课网双越老师对前端面试课程的细致讲解，本次学习完 CSS 章节面试题后，收获非常多技术细节上的问题，故做此总结，并在老师讲解的基础上进行适当

「爱情、让人受尽委屈。」/ 2022年10月11日 13:48/ 0 赞/ 243 阅读