At-rules
CSS at-rules start with the @
character and are followed by a keyword or identifier. They always have to end with a semicolon (;
) character.
Some of the most popular at-rules are @font-face
, which is used to declare custom fonts; @import
that is used to import external CSS files (not recommended by the way for performance reasons), and it is also used in some CSS preprocessors to bring external partial files that will eventually get compiled into a single CSS file (recommended method); @media
is used to declare media queries in our responsive projects or print style sheets and so on; @keyframes
is used to create animations and so on.
At-rules, let's see where they're at.
@charset
The @charset()
at-rule defines the character encoding to be ...
Get Web Developer's Reference Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.