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

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

2022年最新前端面试题、高频面试题、面试题总结
文章目录 html面试题 js面试题 css面试题 vue面试题 react面试题浏览器.项目优化.等其他类型高频面试题 html面试题 Doctype 作用声明文档类型 HTML5 新增的内容有 ...
CSS面试题总结，助（祝）2021成功拿到offer
今天是2020年的最后一天,希望2021年的我们会更好! html.css基础 1,link和@import的区别? 从属关系区别: link属于html标签,而@import是css提供的. 加载顺 ...
html+css面试题（更新中）
html面试题「学习笔记」HTML基础 (qq.com) (17条消息) html面试题总结_Mr.Gu的博客-CSDN博客 (17条消息) HTML面试题_萌萌哒の瑞萌萌的博客-CSDN博客文章 ...
最新Java面试题2021年，常见面试题及答案汇总
2021最新Java面试题[附答案解析]java面试题及答案2021,java2021最新面试题及答案汇总,2021最Java面试题新答案已经全部更新完了,有些答案是自己总结的,也有些答案是在网上搜集 ...
前端面试题-CSS选择器性能优化
一.CSS选择符 CSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素. 作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS ...
HTML、CSS面试题
HTML.CSS面试题元素的alt和title有什么异同(★) 简述src和href的区别(★) 元素的隐藏有哪些?(★) 你对语义化的理解?(★) 谈谈对bfc规范的理解(★) CSS选择器以及优 ...
2021年高压电工新版试题及高压电工试题及解析
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:高压电工新版试题是安全生产模拟考试一点通生成的,高压电工证模拟考试题库是根据高压电工最新版教材汇编出高压电工仿真模拟考试.2021 ...
2021年低压电工免费试题及低压电工考试技巧
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:2021年低压电工免费试题为正在备考低压电工操作证的学员准备的理论考试专题,每个月更新的低压电工考试技巧祝您顺利通过低压电工考试. ...
2021年低压电工新版试题及低压电工证考试
题库来源:安全生产模拟考试一点通公众号小程序安全生产模拟考试一点通:2021年低压电工新版试题为正在备考低压电工操作证的学员准备的理论考试专题,每个月更新的低压电工证考试祝您顺利通过低压电工考试. ...
2021年安全员-B证试题及解析及安全员-B证证考试
题库来源:安全生产模拟考试一点通公众号小程序安全员-B证试题及解析是安全生产模拟考试一点通总题库中生成的一套安全员-B证证考试,安全生产模拟考试一点通上安全员-B证作业手机同步练习.2021年安全员 ...

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