fe-interview/category/css.md

css面试题

一周汇总一次

历史题目

最新：2019.06.16

• 怎样把一个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有哪些新增的特性？
• 圣杯布局和双飞翼布局的理解和区别，并用代码实现