@ Rules
Media Query
@media
The @media rule defines style rules for different media types.
all: Used for all media devices.
print: Used for printers.
screen: Used for screens, tablets, smartphones.
speech: Used for screen readers.
Feature Query
@supports
Feature queries test whether a browser supports a CSS feature.
@supports (property: value) — Checks if a property is supported.
@supports not (property: value) — Checks if a property is not supported.
@supports (property1: value) and (property2: value) — Multiple conditions.
@supports (property1: value) or (property2: value) — Either condition.
Import
@import
The @import rule loads one stylesheet into another.
url | string: Location of the resource.
list-of-mediaqueries: Optional media conditions.
@import url("style.css") screen;
Font-Face
@font-face
The @font-face rule loads custom fonts.
font-family: Required — name of the font.
font-stretch: Optional — stretch behavior.
font-style: Optional — style (normal, italic).
font-weight: Optional — weight (normal, bold).