little known CSS facts

This blew my mind today:

• 12 Little-Known CSS Facts Show archive.org snapshot
• 12 Little-Known CSS Facts (The Sequel) Show archive.org snapshot

Please make sure to check browser support for CSS features on Can I Use Show archive.org snapshot and the Mozilla Development Network Show archive.org snapshot before using.

Favorites

• outline-offset: specify how far away from the element an outline is rendered
• ::first-letter: matches the first letter inside an element
• Using Unicode letters as css classes, e.g. ★
• font-weight: relative keywords bolder and lighter, which will render a font in "inherited font-weight +/- 100"