前言
本文开始摘录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实现文本省略显示“...”