前端应该会的东西（CSS篇）

一、基础知识，请看W3C的基础学习，每章内容都掌握即可 www.w3school.com.cn/css/index.a…

二、看完后，看CSS基础面试题，检测自己是否完全掌握 segmentfault.com/a/119000001…

三、确认自己基础掌握后，可以进阶学习以下内容，掌握程度看个人的情况

• position - CSS: Cascading Style Sheets | MDN

• position | CSS Tricks

• 杀了个回马枪，还是说说position:sticky吧

• 30 分钟学会 Flex 布局

• css行高line-height的一些深入理解及应用

• A Complete Guide to Flexbox

• 写给自己看的display: flex布局教程

• 从网易与淘宝的font-size思考前端设计稿与工作流

• 细说移动端 经典的REM布局 与 新秀VW布局

• 移动端1px解决方案

• Retina屏的移动设备如何实现真正1px的线？

• CSS retina hairline, the easy way.

• 浏览器的回流与重绘 (Reflow & Repaint)

• 回流与重绘：CSS性能让JavaScript变慢？

• CSS实现水平垂直居中的1010种方式（史上最全）

• 干货!各种常见布局实现

• CSS 常见布局方式

• 彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

• 深入理解CSS中的层叠上下文和层叠顺序

• Sass vs. Less

• 2019年，你是否可以抛弃 CSS 预处理器？

• 浅谈 CSS 预处理器（一）：为什么要使用预处理器？

• 浏览器将rem转成px时有精度误差怎么办？

• Fighting the Space Between Inline Block Elements