Skip to main content

CSS Syntax ↔ List of vanilla CSS syntax only, Sass, PCSS, etc in CSS Stack

aka Syntax

CSS Syntax is case-insensitive for CSS Property (excl Selector)

Selector

CSS Syntax to define pattern to match HTMLElement instances (& special states) in document to direct Style Rule

Source: w3c.github.io/csswg

CSS Property

variable to define visual characteristic of HTMLElement

CSS Value

CSS function

CSS Unit

background-image

CSS Flexbox

CSS Syntax to layout content as 1D flexible box

CSS Grid

CSS Syntax to lay out content as 2D grid box

At-Rule

@ prefix Directive to control CSS behavior for next block/line

CSS Shadow Parts

Vendor Prefix

CSS Syntax to add compat for new CSS feat - use autoprefixer to never need to care about it!

.woff

Web Open Font Format to load compressed interop fonts

Source: developer.mozilla.org/en

References

  1. SelectorCSS Syntax to define pattern to match HTMLElement instances (& special states) in document to direct Style Rule

  2. CSS FlexboxCSS Syntax to layout content as 1D flexible box

  3. CSS GridCSS Syntax to lay out content as 2D grid box

  4. Vendor PrefixCSS Syntax to add compat for new CSS feat - use autoprefixer to never need to care about it!

  5. Media QueryCSS Syntax to query Media Type Attribute to adapt Style Rule vs screen config