与歌谣通关前端面试题【CSS篇汇总目录】

我是歌谣 放弃很容易 但坚持一定很酷 欢迎 关注公众号小歌谣一起讨论前后端知识

CSS汇总

【CSS】

[css] 圣杯布局和双飞翼布局的理解和区别，并用代码实现

[css] CSS3有哪些新增的特性？

[css] 在页面上隐藏元素的方法有哪些？

[css] CSS选择器有哪些？哪些属性可以继承？

[css] CSS3新增伪类有哪些并简要描述

[css] 用css创建一个三角形，并简述原理

[css] 简述你对BFC规范的理解

[css] 清除浮动的方式有哪些及优缺点？

[css] 简述下你理解的优雅降级和渐进增强

[css] 对比下px、em、rem有什么不同？

[css] css常用的布局方式有哪些？

[css] ::before和:after中单冒号和双冒号的区别是什么，这两个伪元素有什么作用？

[css] 说说你对css盒子模型的理解

[css] position:fixed；在ios下无效该怎么办？

[css] style标签写在body前和body后的区别是什么？

[css] 请描述margin边界叠加是什么及解决方案

[css] 解释下 CSS sprites的原理和优缺点分别是什么

[css] 什么是FOUC？你是如何避免FOUC的？

[css] css的属性content有什么作用呢？有哪些场景可以用到？

[css] 要让Chrome支持小于12px的文字怎么做？

[css] 说说你对line-height是如何理解的？

[css] 说说浏览器解析CSS选择器的过程？

[css] 说说CSS的优先级是如何计算的？

[css] 你有用过CSS预处理器吗？喜欢用哪个？原理是什么？

[css] 在页面中的应该使用奇数还是偶数的字体？为什么呢？

[css] 说说你对z-index的理解

[css] 怎样修改chrome记住密码后自动填充表单的黄色背景？

[css] rgba()和opacity这两个的透明效果有什么区别呢？

[css] 请描述css的权重计算规则

[css] 描述下你所了解的图片格式及使用场景

[css] 让网页的字体变得清晰，变细用CSS怎么做？

[css] 说下line-height三种赋值方式有何区别？

[css] 用CSS绘制一个三角形

[css] 浏览器是怎样判断元素是否和某个CSS选择器匹配？

[css] 使用flex实现三栏布局，两边固定，中间自适应

[css] 使用flex实现三栏布局，两边固定，中间自适应

[css] 写出主流浏览器内核私有属性的css前缀

[css] 不使用border画出1px高的线，在不同浏览器的标准和怪异模式下都能保持效果一样

[css] 实现单行文本居中和多行文本左对齐并超出显示

[css] 写出你知道的CSS水平和垂直居中的方法

[css] 怎么才能让图文不可复制？

[css] 怎么让英文单词的首字母大写？

[css] 重置（初始化）css的作用是什么？

[css] span与span之间有看不见的空白间隔是什么原因引起的？有什么解决办法？

[css] 手写一个满屏品字布局的方案

[css] 你知道的等高布局有多少种？写出来

[css] 说说你对媒体查询的理解

[css] 你是怎样抽离样式模块的？

[css] 你知道全屏滚动的原理是什么吗？它用到了CSS的哪些属性？

[css] 假如设计稿使用了非标准的字体，你该如何去实现它？

[css] 列举CSS优化、提高性能的方法

[css] 如何实现换肤功能？

[css] 有用过Flex吗？简要说下你对它的了解

[css] 要是position跟display、overflow、float这些特性相互叠加后会怎么样？

[css] 怎么使用自定义字体？有什么注意事项？

[css] css3的:nth-child和:nth-of-type的区别是什么？

[css] 什么是视差滚动？如何实现视差滚动的效果？

[css] margin和padding使用的场景有哪些？

[css] inline、block、inline-block这三个属性值有什么区别？

[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] box-sizing常用的属性有哪些？分别有什么作用？

[css] 你有用过哪些css框架？说说它们的特点

[css] 用css画一个太阳

[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 手动写动画最小时间间隔是多少，为什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 举例说明css中颜色的表示方法有几种

[css] 用CSS绘制一个红色的爱心

[css] 元素竖向的百分比设置是相对容器的高度吗？

[css] 如何消除transition闪屏？

[css] 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？

[css] 请说说*{box-sizing: border-box；}的作用及好处有哪些？

[css] 你有使用过哪些栅格系统？都有什么区别呢？

[css] 你对响应式设计的理解是什么？知道它基本的原理是吗？要想兼容低版本的IE怎么做呢？

[css]怎么改变选中文本的文字颜色和背景色？

[css] 在实际编写css中你有遇到过哪些浏览器兼容性的问题？怎么解决的？

[css] 说说你对!important的理解，一般在哪些场景使用

[css] 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？

[css] 请问display:inline-block在什么时候会显示间隙？

[css] 用CSS画出一个任意角度的扇形，可以写多种实现的方法

[css] 遇到overflow: scroll不能平滑滚动怎么解决？

[css] 说说你对BEM规范的理解，同时举例说明常见的CSS规范有哪些？

[css] 写例子说明如何强制（自动）中、英文换行与不换行

[css] 举例说明css的基本语句构成是什么呢？