css技术干货001

前言

本文开始摘录css专题的所有面试题，题目来源于 网络、博客、亲身经历等。部分题目存在不许确的状况，但愿你们多加纠正。这里只是第一期，共10篇，会不断完善整理中。

若是你喜欢这篇文章就加关注或者喜欢下吧，啦啦啦

题目列表

清除浮动

分析： 比较经典的面试题，常常做为考察初级前端的必备题，不过做为flex以及grid布局愈来愈普及的时候，用浮动实现的页面愈来愈少。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明，最多见的方式是overflow:hidden .参考：css清除浮动攻略

水平垂直居中

分析： 比较经典的面试题，常常做为考察初级前端的必备题，不过做为flex以及grid布局愈来愈普及的时候，用常规方案实现的愈来愈少。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：水平居中&&垂直居中攻略

固宽与变宽布局

分析： 比较经典的面试题，常常做为考察初级前端的必备题，不过做为flex以及grid布局愈来愈普及的时候，用常规方案实现的愈来愈少。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：固宽与变宽布局

列举css3新特性

分析： 比较经典的面试题，常常做为考察初级前端的必备题，在项目实践中除了圆角都用的比较少，大部分的css3效果咱们都是用ui框架或者动画库中集成好的，做为常识仍是要清楚css3添加了哪些。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：css3新特性初步了解 ，css3特性浏览器支持参考整理版

列举css选择器

分析： 比较经典的面试题，常常做为考察初级前端的必备题，其中经常使用的选择器必须熟悉掌握，其余的选择器做为参考。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：css选择器攻略

css样式的默认值与继承值

分析： 前端基础题，常常做为考察初级前端的必备题，熟悉经常使用的继承值与默认值能从源码的角度优化你的样式代码。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：css属性继承与默认值

说一下你知道的css样式命名规则

分析： 样式命名规则是前端样式开始编写的最基本原则，对于一种样式命名的规范以及其思想的阐述与认知，可以发挥在项目开发以及开源代码库中，让你的代码可读性、可维护性更强。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：css常见样式命名规则

移动web端通常如何作适配

分析： 手机web页制做，其适配原理是首先须要掌握的重点，在下面的方案中我将列举目前各个大厂在用的适配方案，仅供参考。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：移动端布局攻略

动态内容等高布局

分析： 以前的面试中曾经被问到这样一个样式题，主要是想针对浮动的元素，让全部的浮动元素高度与浮动元素最高的高度相同，内容高度是不定的，flex是很容易解决的，下面的文章中还列举了一些其余方案。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：动态内容等高布局攻略

文本超出省略出现“...“怎么实现

分析： 比较常规的需求，常常会有单行省略以及多行省略的显示需求。

方案： 本文再也不多余描述，在个人专题文章中有详细的说明， .参考：css实现文本省略显示“...”