Cascading style sheets (CSS) controls, or rather, allows you to control, the presentation of your HTML.
CSS is a rule based language, each rule opens with a selector, selecting the desired HTML element. Once the element is selected curly brackets are used {}, inside of the curly brackets are declarations in property: value; pairs. each property selects the property to select, and each value assigns our desired output to that property.
CSS can control so many things, it is broken down into modules, or categories of similar item types.
they exist, and are above my head.
there are three ways to apply CSS to your HTML:
external CSS is creating a CSS file (file.css) that links to your HTML file, this allows for control of the HTML styling while keeping the files separate and organized.
external styles are implemented with the link element, placed inside of the head section of the HTML page
internal CSS may be used if a single HTML page needs a unique style.
internal styles are implemented with the style element inside of the head section of the HTML page.
inline CSS are used to style individual elements
inline styles are implemented by using the style attribute on/in the specific element
if mutliple style sheets are referenced by a given element, whichever is referenced first is the style the element will follow
the priority order of styling is:
color can be implemented by
color: color initial inherit
where:
color can be specified with: