Summary
In this chapter, we've learned how to select almost anything we need on the page with CSS's powerful selection capabilities. We now understand CSS's more powerful color capabilities and how we can apply colors with RGB and HSL, complete with transparent alpha layers for great aesthetic effects.
In this chapter, we've also learned how to add custom web typography to a design with the @font-face
rule, freeing us from the shackles of the humdrum selection of web-safe fonts. We also took a dive into variable fonts and considered the possibilities they have to offer.
In among all that, we also found time to look at CSS custom properties and the @supports
at-rule for providing feature forks in our code.
Despite all these great new features and techniques, we've only picked at the surface of what we can do with CSS.
See you in a moment for Chapter 7, Stunning Aesthetics with CSS. There, we will look at even more CSS with text shadows, box...