Cascading Style Sheets

Three ways to style:

External style sheets
- Using the import-at rule within the <head> section:
  <style type="text/css">
  
  </style>
- Using the link tag within the <head> section:
  <link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />
  Format of external style sheet - a list of rules:
  h1 {color: red;)
  h2 {color: maroon; background: white;}
Document level styles within the<head> section:
<style type="text/css">
body {background: url(marble.gif);}
h1 {color: gray;}
</style>
Inline styles within the <body> section (depreciated):
<p style="color: gray;">

h2, p {color:gray;}

* {color:gray;}

This makes every single element in the document gray

h1 {font: 18px Helvetica; color: purple; background: aqua;}

h1, h2, h3, h4, h4, h6 {color: gray; background: white; padding: 0.5em;}

*.warning {font-weight: bold;}
<p class="warning">
(* is universal selector, . is class selector)

.warning {font-weight: bold;}
<p class="warning">
(* can be ommited)

p.warning {font-weight: bold;}
<p class="warning">

.warning.urgent {background: red;}
(class attribute must contain both warning and urgent to match)

Preceeded by an octothorpe (#) instead of a period (.)
Each ID value can only be used once within a document

*#first-para {font-weight: bold;}
<p id="first-para">

#first-para {font-weight: bold;}
(* can be ommited)

	This site best viewed with a browser
	Warning: This is a Debian centric site
	Many thanks to Debra and Ian Murdock for making Debian possible
	First created Apr 22, 2008 ~ Last revised August 31, 2009