CSS
HTML's visual partner
CSS stands for Cascading Style Sheets, a language used to describe the visual presentation of web pages written in HTML.
While HTML provides the structure and content, CSS controls layout, colors, fonts, spacing, and other design elements.
The "cascading" refers to how styles can be layered and inherited, with more specific rules overriding general ones.
The designer updated the CSS to make the site mobile-friendly.
CSS has become essential to modern web development, allowing developers to separate content from presentation.
Successive downward flow
- selectorsThings that pick
- propertiesQualities or owned assets
- rulesetsCollections of governing guidelines
- inheritanceProperty received from ancestors
specificity · flexbox · grid · layout · typography · responsive · variables · declarations
Mechanism for choosing
- propertySomething owned or inherent
- valueImportance or price
- ruleGoverning principle or standard
- declarationFormal public announcement
stylesheet · semicolon · colon · comments · calc · var · hex · shorthand
Movements between states
- keyframesAnimation's anchor states
- transformChange completely in form
- translateExpress in another language
- rotateTurn about an axis
scale · opacity · easing · duration · delay · iteration · hover · motion
Rate of change across space
Reusable code modules
- variablesChangeable elements in equations
- nestingMaking a dwelling
- partialsIncomplete sets or components
- importsGoods brought in
compiling · functions · loops · conditionals · extends · placeholders · maps
Of elemental particles
- modularMade of separable units
- component-basedAssembled from distinct parts
- namespacingGrouping identifiers to avoid conflicts
- frameworksFoundational organizational systems
cascade
Successive downward flow
- selectorsThings that pick
- propertiesQualities or owned assets
- rulesetsCollections of governing guidelines
inheritance · specificity · flexbox · grid · layout · typography · responsive · variables · declarations · values
selector
Mechanism for choosing
declaration · stylesheet · semicolon · colon · comments · calc · var · hex · shorthand · longhand
transitions
Movements between states
- keyframesAnimation's anchor states
- transformChange completely in form
- translateExpress in another language
rotate · scale · opacity · easing · duration · delay · iteration · hover · motion · parallax
gradient
Rate of change across space
opacity · perspective · overflow · visibility
mixins
Reusable code modules
- variablesChangeable elements in equations
- nestingMaking a dwelling
- partialsIncomplete sets or components
imports · compiling · functions · loops · conditionals · extends · placeholders · maps
atomic
Of elemental particles
- modularMade of separable units
- component-basedAssembled from distinct parts
- namespacingGrouping identifiers to avoid conflicts
linting
Automated code error detection
- informáticasoftware, hardware, Python, Java, JavaScript
- web developmentHTML, JavaScript, API, web design, HTTP
- computer languagesSQL, HTML, PowerShell, Haskell, ML
- Web StandardsHTML, doctype, charset, meta tags, HTTP
- computingcomputer, computers, software, hardware, code
- internet termsinternet, email, URL, router, download