CSS教程

教程在线阅读地址：CSS教程。

这是针对新人的CSS入门级教程。

阅读本教程前，确保你对HTML有一定的了解，知道各个html标签的用法，如果对HTML还不了解，可以在MDN上花一天时间了解下HTML，再回到这里阅读本教程。

本教程会介绍CSS的所有内容，既可以当做入门教程，也可以用作参考手册。

教程中的例子，使用 codepen 内嵌在文档中，方便读者调试和学习。教程参考了谷歌的 learn css 教程，你可以认为本教程是它的半翻译中文版本。

如果教程有任何问题，可以在文章下方留言或者提交 issue。

内容

• css 教程
• 001 盒模型
• 002 选择器
• 003 级联
• 004 特征性
• 005 继承
• 006 颜色
• 007 尺寸单位
• 008 布局
• 009 flex 布局
• 010 grid 布局
• 011 逻辑属性
• 012 间距
• 013 伪元素
• 014 伪类
• 015 边框
• 016 阴影
• 017 焦点
• 018 z-index 和栈空间
• 019 函数
• 020 渐变
• 021 动画
• 022 filter 属性
• 023 混合模式