[TOC] ## 前言 本文开始摘录css专题的全部面试题，题目来源于 网络、博客、亲身经历等。部分题目存在不准确的情况，希望大家多加纠正。 ## 题目列表 ### 清除浮动 **分析：** 比较经典的面试题，经常作为考察初级前端的必备题，不过作为flex以及grid布局越来越普及的时候，用浮动实现的页面越来越少。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明，最常见的方式是overflow:hidden .参考：[css清除浮动攻略](http://doc.damobing.com/fe-guide/334434) ### 水平垂直居中 **分析：** 比较经典的面试题，经常作为考察初级前端的必备题，不过作为flex以及grid布局越来越普及的时候，用常规方案实现的越来越少。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[水平居中&&垂直居中攻略](http://doc.damobing.com/fe-guide/344827) ### 固宽与变宽布局 **分析：** 比较经典的面试题，经常作为考察初级前端的必备题，不过作为flex以及grid布局越来越普及的时候，用常规方案实现的越来越少。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[固宽与变宽布局](http://doc.damobing.com/fe-guide/344829) ### 列举css3新特性 **分析：** 比较经典的面试题，经常作为考察初级前端的必备题，在项目实践中除了圆角都用的比较少，大部分的css3效果我们都是用ui框架或者动画库中集成好的，作为常识还是要清楚css3添加了哪些。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[css3新特性初步了解](http://doc.damobing.com/fe-guide/334426) ，[css3特性浏览器支持参考整理版](http://doc.damobing.com/fe-guide/494354) ### 列举css选择器 **分析：** 比较经典的面试题，经常作为考察初级前端的必备题，其中常用的选择器必须熟悉掌握，其他的选择器作为参考。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[css选择器攻略](http://doc.damobing.com/fe-guide/334420) ### css样式的默认值与继承值 **分析：** 前端基础题，经常作为考察初级前端的必备题，熟悉常用的继承值与默认值能从源码的角度优化你的样式代码。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[css属性继承与默认值](http://doc.damobing.com/fe-guide/334422) ### 说一下你知道的css样式命名规则 **分析：** 样式命名规则是前端样式开始编写的最基本原则，对于一种样式命名的规范以及其思想的阐述与认知，能够发挥在项目开发以及开源代码库中，让你的代码可读性、可维护性更强。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[css常见样式命名规则](http://doc.damobing.com/fe-guide/334417) ### 移动web端一般如何做适配 **分析：** 手机web页制作，其适配原理是首先需要掌握的重点，在下面的方案中我将列举目前各个大厂在用的适配方案，仅供参考。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[移动端布局攻略](http://doc.damobing.com/fe-guide/334438) ### 动态内容等高布局 **分析：** 之前的面试中曾经被问到这样一个样式题，主要是想针对浮动的元素，让所有的浮动元素高度与浮动元素最高的高度相同，内容高度是不定的，flex是很容易解决的，下面的文章中还列举了一些其他方案。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[动态内容等高布局攻略](http://doc.damobing.com/fe-guide/532520) ### 文本超出省略出现“...“怎么实现 **分析：** 比较常规的需求，经常会有单行省略以及多行省略的显示需求。 **方案：** 本文不再多余描述，在我的专题文章中有详细的说明， .参考：[css实现文本省略显示“...”](http://doc.damobing.com/fe-guide/334436)