Shorthand properties

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/Shorthand_properties

Examples:

• Background

• Font

Prefixes CSS

• Android/iOS/Safari/Chrome: -webkit-*

• Firefox: -moz-*

• Internet Explorer: -ms-*

• Opera: -o-*

Flexbox

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/

• https://www.w3schools.com/css/css3_flexbox.asp

Pseudo-elements

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-elements

• https://www.w3schools.com/css/css_pseudo_elements.asp

Examples:

• before
• after

Pseudo-classes

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/Pseudo-classes

• https://www.w3schools.com/css/css_pseudo_classes.asp

Examples:

• checked
• houver

Transitions

• https://www.w3schools.com/css/css3_transitions.asp

• https://developer.mozilla.org/en-US/docs/Web/CSS/transition