以下是freeCodeCamp CSS学习总结，快速熟悉下基础概念。工具文档参考 MDN。

使用伪类选择器构建资产负债表。了解如何在将鼠标悬停在元素上时更改元素的样式，并触发网页上的其它事件。

该篇文章为 freecodecamp Learn More About CSS Pseudo Selectors by Building A Balance Sheet 学习笔记

查看效果：balance-sheet

该篇文章为 freecodecamp Build a tribute page project 作业

查看效果：tribute-page

可访问性是指让网页可供所有人（包括残障人士）轻松使用。

该篇文章为 freecodecape Learn Accessibility by Building a Quiz 学习笔记

查看效果：accessibility-quiz

版式是设计文本的艺术，使其易于阅读并适合其目的。
在该课程中，使用排版来构建 nutrition label 网页。将学习如何使用 CSS 设置文本样式、调整行高以及定位文本。

该篇文章为 freecodecape Learn Typography by Building a Nutrition Label 学习笔记

查看效果：nutrition-label

该篇文章为 freecodecamp Learn CSS Flexbox by Building a Photo Gallery 学习笔记

查看效果：flexbox-photo-gallery

该篇文章为 freecodecamp Learn the CSS Box Model by Building a Rothko Painting 学习笔记

查看效果：rothko-painting

该篇文章为 freecodecamp Learn html forms by building a registration form 学习笔记

查看效果：survey form

该篇文章为 freecodecamp Learn html forms by building a registration form 学习笔记

查看效果：registration-form

该篇文章为 freecodecamp Learn css colors by building a set of colored markers 学习笔记

查看效果：colored-markers