CSS语法资料索引

• 2017-Locally Scoped CSS Variables: What, How, and Why: CSS Custom Properties (also popularly called CSS Variables) are here! This is really exciting because we finally have true variables in CSS!

• Basic CSS Selector Syntax Explained Using Cats

功能函数

• How calc() Works

选择器

• How CSS pseudo-classes work, explained with code and lots of diagrams

Graphic:绘图

• css巧用border属性制作各种图形(矩形，梯形，三角形)

• CodePen-BorderShapes

CSS Shape

• How I started drawing CSS Images

• An Intermediate Guide to Pure CSS Images

CSS Custom Properties/CSS Variables

• 2018-Variable Order: Ordering a table with CSS Custom Properties and the order: property. Mind. Blowing.

• 2018-Everything you need to know about CSS Variables: In this guide, I’ll show you how variables work natively in CSS, and how you can use them to make your life a lot easier.

• 2016-Reactive Animations CSS Variables: This is the concept of describing a continuous series of events in a discrete way.

颜色与背景

• Gradientify: Best gradients in one place.