notes:css_cheat_sheet
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
notes:css_cheat_sheet [2026/06/13 02:18] 114.119.158.118 old revision restored (2026/06/03 01:51) |
notes:css_cheat_sheet [2026/06/13 21:40] (current) 8.216.47.163 old revision restored (2026/06/04 12:21) |
||
|---|---|---|---|
| Line 10: | Line 10: | ||
| * Styles define how to display HTML elements. Style sheets are collections of styles. | * Styles define how to display HTML elements. Style sheets are collections of styles. | ||
| * Multiple style sheets will cascade into a single style definition. | * Multiple style sheets will cascade into a single style definition. | ||
| - | * There are 3 ways to specify styles (decreasing priority): | + | * Styles can be specified inside |
| - | - inline as an element | + | |
| - | - in an internal style sheet in the head <code html> | + | * Multiple property-value pairs may be separated by semi-colons. |
| - | < | + | * Multiple selectors must be separated by commas |
| - | <!-- | + | * Values must be quoted if they are multiple words |
| - | hr {color: sienna} | + | |
| - | --> | + | |
| - | </ | + | |
| - | - in an external | + | |
| - | <link rel=" | + | |
| - | href=" | + | |
| - | + | ||
| - | + | ||
| - | ==== CSS Syntax==== | + | |
| - | CSS syntax is made up of three parts - selector {property: value}. | + | |
| - | * Multiple property-value pairs may be separated by semi-colons. | + | |
| - | * Multiple selectors must be separated by commas | + | |
| - | * Values must be quoted if they are multiple words | + | |
| * A simple example <code html> | * A simple example <code html> | ||
| h1,h2,h3 { | h1,h2,h3 { | ||
| Line 33: | Line 20: | ||
| color: black; | color: black; | ||
| font-family: | font-family: | ||
| - | * Classes allow groups of elements to share formatting e.g. <code html> | ||
| - | p.right {text-align: | ||
| - | .blue {color: blue} | ||
| - | <p class=" | ||
| - | * Styles can also match on attribute values or id e.g. <code html> | ||
| - | input[type=" | ||
| - | #id {background-color: | ||
| - | p#id {background-color: | ||
| - | * CSS uses C-style comments - /* comment */ . | ||
| - | |||
| - | ==== CSS Properties ==== | ||
| - | * Background properties examples <code html> | ||
| - | background-color: | ||
| - | background-image: | ||
| - | background-repeat: | ||
| - | background-attachment: | ||
| - | background-position: | ||
| - | background: blue url(' | ||
| - | </ | ||
| - | * Text properties examples <code html> | ||
| - | color: # | ||
| - | text-align: center/ | ||
| - | letter-spacing: | ||
| - | white-space: | ||
| - | text-decoration: | ||
| - | text-transform: | ||
| - | </ | ||
| - | * Font properties examples <code html> | ||
| - | font-family; | ||
| - | font-size-adjust: | ||
| - | font-style: italic/ | ||
| - | font-weight: | ||
| - | font: italic small-caps 900 12px arial | ||
| - | font: caption/ | ||
| - | |||
notes/css_cheat_sheet.1781342314.txt.gz · Last modified: 2026/06/13 02:18 by 114.119.158.118 · Currently locked by: 182.8.145.143
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
