stylesheets
CSS files, essentially
Stylesheets are documents that define the visual presentation of content—fonts, colors, spacing, layout.
In web design, CSS (Cascading Style Sheets) separates appearance from structure, allowing one stylesheet to control the look of an entire site: We updated the stylesheet and every page changed automatically.
The term extends to formatting rules in word processors and publishing software.
Web presentation language
- selectorsThings that pick
- propertiesQualities or owned assets
- valuesPrinciples held worthwhile
- rulesetsCollections of governing guidelines
cascading · inheritance · specificity · variables · mixins · nesting · compilers · syntax
Quick to react
- layoutSpatial arrangement of elements
- themesMain ideas throughout
- templatesPreset formats for copying
- gridFramework of intersecting lines
flexbox · breakpoints · webfonts · animations · transitions · mobile-first · frameworks · reset
Sequential numbering of sheets
- page breaksForced sheet transitions
- bleedLose vital fluid
- marginsEdges of a page
- headersTop-of-page identifiers
footers · widows · orphans · crop marks · grayscale
Creating distinctive identity
- color schemePlanned set of hues
- whitespaceUnprintable gap characters
- minimalismAesthetic of reduction
- eleganceRefined, graceful quality
harmony · contrast · hierarchy · readability · cohesion · polish
CSS
Web presentation language
- selectorsThings that pick
- propertiesQualities or owned assets
- valuesPrinciples held worthwhile
rulesets · cascading · inheritance · specificity · variables · mixins · nesting · compilers · syntax · declarations
responsive
Quick to react
grid · flexbox · breakpoints · webfonts · animations · transitions · mobile-first · frameworks · reset · normalize
pagination
Sequential numbering of sheets
- page breaksForced sheet transitions
- bleedLose vital fluid
- marginsEdges of a page
headers · footers · widows · orphans · crop marks · grayscale
branding
Creating distinctive identity
- color schemePlanned set of hues
- whitespaceUnprintable gap characters
- minimalismAesthetic of reduction
elegance · harmony · contrast · hierarchy · readability · cohesion · polish