style sheets
Design rule files
A style sheet is a set of formatting rules that controls how a document appears.
In word processing, style sheets define fonts, spacing, and margins.
In web design, CSS (cascading style sheets) separates visual presentation from content, letting designers change the look of entire sites by editing a single file.
Style sheets also govern formatting in publishing and print production.
Falling in stages
- selectorsThings that pick
- propertiesQualities or owned assets
- classesInstructional sessions or groupings
- idsPrimitive psyche components
specificity · inheritance · flexbox · responsive · animations · transitions · variables · linking
Arranging letters for display
- color paletteRange of selected hues
- fontsCharacter set designs
- themesMain ideas throughout
- whitespaceUnprintable gap characters
layout · visual hierarchy · contrast · consistency · branding · aesthetics · minimalism · spacing
Detailed technical drawing
- frameworkUnderlying support system
- boilerplateStandardized reusable text
- starterInitiator of action
- componentElement of a system
reusable · standardization · guideline · structure · format · reference · specification · normalize
Web page code
- markupAdded percentage for profit
- DOMDocument interface for browsers
- frontendUser interface layer
- browserWeb access program
rendering · syntax · web standards · cross-browser · viewport · XML · JavaScript · frameworks
cascading
Falling in stages
- selectorsThings that pick
- propertiesQualities or owned assets
- classesInstructional sessions or groupings
ids · specificity · inheritance · flexbox · responsive · animations · transitions · variables · linking · importing
typography
Arranging letters for display
- color paletteRange of selected hues
- fontsCharacter set designs
- themesMain ideas throughout
whitespace · layout · visual hierarchy · contrast · consistency · branding · aesthetics · minimalism · spacing · alignment
blueprint
Detailed technical drawing
- frameworkUnderlying support system
- boilerplateStandardized reusable text
- starterInitiator of action
component · reusable · standardization · guideline · structure · format · reference · specification · normalize · reset
HTML
Web page code
browser · rendering · syntax · web standards · cross-browser · viewport · XML · JavaScript · frameworks · debugging
- typesettingtypesetting, typesetter, leading, font, kerning
- Web StandardsHTML, doctype, CSS, charset, meta tags
- patternspattern, chevron, geometric pattern, stripes, plaid
- editing termscopy editing, line editing, corrections, revision, markup
- page formattingmargin, margins, page size, landscape, portrait
style sheetscontent
What something contains
data · plain text · information · substance · markup
style sheetsHTML
Web page code
markup · DOM · structural elements · XML