css技术干货001

368 阅读4分钟

前言

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