Web development Blog

This post differs from most of the other posts because it’s not about modern CSS, but about CSS fundamentals. When I was writing about custom properties and especially about container style queries, I realized that I had to understand some of the basics of the language first before I could comprehend how certain properties and rules worked.

On day 66, I’ve introduced you to individual transform properties. An interesting detail about these properties is the order in which transforms are applied compared to the transform property.

Container style queries allow querying the computed values of a query container.

You can use the @supports rule to check whether a browser supports a specified font technology or font format.

I know I’m really late to the party, but I finally understood why people find color functions like hsl(), hwb(), or lab() so appealing.

Container queries come with their own units.

There are logical properties for width and height values.

You can use the override-colors property to override colors in a font palette.

Apparently, multicolored typefaces on the web are a thing. You can use and modify them in CSS.

In order to understand how !important works in cascade layers, you have to understand how !important works generally. The conclusion of this post might not be what you expect.