CSS (Wordhole): Difference between revisions
Vitrinekast (talk | contribs) (Created page with "==Definition== CSS (or Cascading Style Sheets) is a programming language used to change the styling (color, typography, layout, etc.etc... the limits are almost endless) of web content, by referencing HTML elements using various CSS selectors. Additionally to HTML, CSS specs are maintained my the W3C, but implementation of these specs can deffer per browser (looking at you, Internet explorer). ===Example of CSS=== <syntaxhighlight lang="CSS"> body, .bg--red, a:hover {...") |
Vitrinekast (talk | contribs) No edit summary |
||
| Line 10: | Line 10: | ||
In this example, the '''selector''' selects the ''<body>'' element, and any element with the class ''bg--red'', and every link that has a pseudo class of "hover" (mouse over element). The changed '''property''' is the background-color of these elements, with a value of '''<span style="color: red;">red</span>'''. | In this example, the '''selector''' selects the ''<body>'' element, and any element with the class ''bg--red'', and every link that has a pseudo class of "hover" (mouse over element). The changed '''property''' is the background-color of these elements, with a value of '''<span style="color: red;">red</span>'''. | ||
==Images and links== | |||
* [https://caniuse.com CanIUse to check if your CSS property can be used in a specific browser] | * [https://caniuse.com CanIUse to check if your CSS property can be used in a specific browser] | ||
* [https://www.w3.org/Style/CSS/current-work W3 specs for CSS] | * [https://www.w3.org/Style/CSS/current-work W3 specs for CSS] | ||
Revision as of 16:53, 11 October 2023
Definition
CSS (or Cascading Style Sheets) is a programming language used to change the styling (color, typography, layout, etc.etc... the limits are almost endless) of web content, by referencing HTML elements using various CSS selectors. Additionally to HTML, CSS specs are maintained my the W3C, but implementation of these specs can deffer per browser (looking at you, Internet explorer).
Example of CSS
body, .bg--red, a:hover {
background-color: red;
}
In this example, the selector selects the <body> element, and any element with the class bg--red, and every link that has a pseudo class of "hover" (mouse over element). The changed property is the background-color of these elements, with a value of red.
Images and links
- CanIUse to check if your CSS property can be used in a specific browser
- W3 specs for CSS
- HTML & CSS; Design & build website by Jon Duckett