mirror of
https://github.com/haizlin/fe-interview.git
synced 2026-01-25 16:25:49 +00:00
10 KiB
10 KiB
css面试题
一周汇总一次
历史题目
最新：2019.07.14
- 外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？
- 说说你对CSS样式覆盖规则的理解
- 写出几个初始化CSS的样式，并解释说明为什么要这样写
- display有哪些值？分别说明他们的作用是什么？
- 怎么让body高度自适应屏幕？为什么？
- font-style的属性有Italic和oblique，两者有什么区别呢?
- IE(6/7/8/9/10/11/Edge)下的hack写法分别有哪些？
- 写出你遇到过IE6/7/8/9的BUG及解决方法
- 举例说明css的基本语句构成是什么呢？
- 写例子说明如何强制（自动）中、英文换行与不换行
- 说说你对BEM规范的理解，同时举例说明常见的CSS规范有哪些？
- 遇到overflow: scroll不能平滑滚动怎么解决？
- 请问display:inline-block在什么时候会显示间隙？
- 用CSS画出一个任意角度的扇形，可以写多种实现的方法
- 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？
- 说说你对!important的理解，一般在哪些场景使用？
- 在实际编写css中你有遇到过哪些浏览器兼容性的问题？怎么解决的？
- 怎么改变选中文本的文字颜色和背景色？
- 你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？
- 你有使用过哪些栅格系统？都有什么区别呢？
- 请说说
*{box-sizing: border-box;}的作用及好处有哪些 - 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？
- 如何消除transition闪屏？
- 元素竖向的百分比设置是相对容器的高度吗？
- 用CSS绘制一个红色的爱心
- 举例说明css中颜色的表示方法有几种
- 说说position的absolute和fixed共同与不同点分别是什么？
- 手动写动画最小时间间隔是多少，为什么？
- 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？
- 用css画一个太阳
- 你有用过哪些css框架？说说它们的特点
- box-sizing常用的属性有哪些？分别有什么作用？
- inline、block、inline-block这三个属性值有什么区别？
- margin和padding使用的场景有哪些？
- 什么是视差滚动？如何实现视差滚动的效果？
- css3的:nth-child和:nth-of-type的区别是什么？
- 怎么使用自定义字体？有什么注意事项？
- 要是position跟display、overflow、float这些特性相互叠加后会怎么样？
- 有用过Flex吗？简要说下你对它的了解
- 列举CSS优化、提高性能的方法
- 假如设计稿使用了非标准的字体，你该如何去实现它？
- 你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？
- 你是怎样抽离样式模块的？
- 说说你对媒体查询的理解
- 你知道的等高布局有多少种？写出来
- 手写一个满屏品字布局的方案
- span与span之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
- 重置（初始化）css的作用是什么？
- 怎么让英文单词的首字母大写？
- 怎么才能让图文不可复制？
- 写出你知道的CSS水平和垂直居中的方法
- 实现单行文本居中和多行文本左对齐并超出显示"..."
- 不使用border画出1px高的线，在不同浏览器的标准和怪异模式下都能保持效果一样
- 写出主流浏览器内核私有属性的css前缀
- 使用flex实现三栏布局，两边固定，中间自适应
- 浏览器是怎样判断元素是否和某个CSS选择器匹配？
- 用CSS绘制一个三角形
- 说下line-height三种赋值方式有何区别？
- 让网页的字体变得清晰，变细用CSS怎么做？
- 描述下你所了解的图片格式及使用场景
- 请描述css的权重计算规则
- rgba()和opacity这两个的透明效果有什么区别呢？
- 怎样修改chrome记住密码后自动填充表单的黄色背景？
- 说说你对z-index的理解
- 在页面中的应该使用奇数还是偶数的字体？为什么呢？
- 你有用过CSS预处理器吗？喜欢用哪个？原理是什么？
- 说说CSS的优先级是如何计算的？
- 说说浏览器解析CSS选择器的过程？
- 说说你对line-height是如何理解的？
- 要让Chrome支持小于12px的文字怎么做？
- css的属性content有什么作用呢？有哪些场景可以用到？
- 什么是FOUC？你是如何避免FOUC的？
- 解释下 CSS sprites的原理和优缺点分别是什么？
- 请描述margin边界叠加是什么及解决方案
- style标签写在body前和body后的区别是什么？
- position:fixed;在ios下无效该怎么办？
- ::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？
- 说说你对css盒子模型的理解
- css常用的布局方式有哪些？
- 对比下px、em、rem有什么不同？
- 简述下你理解的优雅降级和渐进增强
- 清除浮动的方式有哪些及优缺点？
- 简述你对BFC规范的理解
- 用css创建一个三角形，并简述原理
- CSS3新增伪类有哪些并简要描述
- CSS选择器有哪些？哪些属性可以继承？
- 在页面上隐藏元素的方法有哪些？
- CSS3有哪些新增的特性？
- 圣杯布局和双飞翼布局的理解和区别，并用代码实现