前面的话
CSS是前端工程师的基本功,但好多执迷于学习javascript的人的基本功并不扎实。可能一些人从w3school网站匆匆过了一遍,只是对CSS常用概念有一些表面上的理解,就一头扎进javascript的深坑里跳不出来。实际上,javascript中比较复杂的逻辑很有可能使用CSS几行样式就能解决问题,而且性能还好。
CSS之所以能成为一门优雅的语言,以及有其对应的重构工程师的岗位,是因为这本语言本身就有很强的存在价值,且真正要理解它并不容易。从CSS禅意花园开始,写CSS成为一种艺术。从CSS2.1到3再到4,CSS所涵盖的内容及可实现的功能得到了极大的丰富,使得CSS的学习成本也越来越高。再多的知识,一个知识点一个知识点去学,总能学明白。
小火柴将CSS的知识体系进行了梳理和归纳,总结成以下目录
基础
基础语法
兼容
伪类伪元素
规范
布局
盒模型
【盒子尺寸】
【弹性盒模型】
【盒子显示】
普通流
浮动和定位
【浮动】
【定位】
布局方式
【布局系统】
【居中布局】
【常见布局】
渲染
字体和文本
颜色和背景
变形和动画
动画animation的三个应用(漂浮的白云、旋转的星球和正方体合成)
渲染属性
效果