CSS (Wordhole): Difference between revisions
Vitrinekast (talk | contribs) No edit summary |
Vitrinekast (talk | contribs) No edit summary |
||
| Line 9: | Line 9: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
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>'''. | ||
==Examples of websites that use CSS== | |||
* https://nu.nl | |||
* https://worm.org | |||
* https://startpagina.nu | |||
==Images and links== | ==Images and links== | ||
Revision as of 15:59, 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.
Examples of websites that use CSS
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