Skip to main content

CSS ↔ Stylesheet Language to express style & layout of (HTML) via Style Rule

aka CSS, Cascading-Style-Sheet, Cascading-Style-Sheets

Cascade​

CSS Algorithm to compute value for each property

Style Rule​

Ruleset with Selector & CSS Declaration block

Visual Formatting Model​

(model) for UA to process/compute CSS values & display Web Page

CSS Syntax​

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

CSS Stack​

List of useful/popular CSS libs & frameworks

References​

  1. Electron ↔ JS Framework to build desktop Apps with JS, HTML & CSS, embed in Chromium & Node.js

  2. Layout engine ↔ Browser engine to interpret HTML, CSS & JS, & render pixels to screen

  3. Web Platform ↔ Collection of Open Standard Technologies incl HTML, CSS, ECMAScript & Web Assembly, mainly for Browser Runtime

  4. MDN Web Docs ↔ FOSS wiki docs for HTML, CSS, JS & Web API

  5. <style\> ↔ Style Information Element to add CSS Metadata Content

  6. Cascade ↔ CSS Algorithm to compute value for each property

  7. Specificity ↔ CSS Weight Algorithm to determine which Style Rule clash to apply; by IICE order

  8. src/index.css ↔ base CSS fle to include Tailwind for project via @tailwind Directive

  9. tailwindcss-cli ↔ npm CLI Dev tool to run PostCSS to Preprocess/Tree-Shake CSS

  10. PostCSS ↔ Dev tool to automate CSS operations through JS Plugins

  11. autoprefixer ↔ npm PostCSS Plugin to parse CSS & handle Vendor Prefix

  12. Sass ↔ Popular Superset extends CSS via Preprocessor

  13. Tailwind CSS ↔ CSS Framework with huge Utility Class collection, VSC IDE-support for efficient consistent minimal CSS

  14. Visual Formatting Model ↔ (model) for UA to process/compute CSS values & display Web Page

  15. At-Rule ↔ @ prefix Directive to control CSS behavior for next block/line

  16. Vendor Prefix ↔ CSS Syntax to add compat for new CSS feat - use autoprefixer to never need to care about it!