Source: https://frontendmasters.com/courses/css-in-depth-v2/ by Estelle Weyl.

/*Drop cap example*/

Wisdom

Don't

  • Generally don't use prefixed properties. If you must, then remove -moz-border-radius, and -webkit-linear-gradient from your code. These browser prefixes are mostly useful on older Android devices. It's very expensive to create border radius and linear gradients on these devices.

Emmet

Checkout some kickass syntax on the Emmet website https://docs.emmet.io/abbreviations/syntax/