notes:css_cheat_sheet

This is an old revision of the document!

CSS Cheat Sheet

This is a summarized form of the CSS Tutorial.

For reference this is the CSS2 Specification .

CSS stands for Cascading Style Sheets.
Styles define how to display HTML elements. Style sheets are collections of styles.
Multiple style sheets will cascade into a single style definition.

There are 3 ways to specify styles (decreasing priority):

in an internal style sheet in the head

 <head> <style type="text/css">
<!--
hr {color: sienna}
-->
</style> </head>

in an external style sheet in a css file

<link rel="stylesheet" type="text/css"
href="style.css" />

CSS syntax is made up of three parts - selector {property: value}.

A simple example

h1,h2,h3 {
text-align: center;
color: black;
font-family: "sans serif" }

Classes allow groups of elements to share formatting e.g.

p.right {text-align: right}
.blue {color: blue}
<p class="right blue">right-aligned blue text</p>

Styles can also match on attribute values or id e.g.

input[type="text"] {background-color: blue}
#id {background-color: blue}
p#id {background-color: blue}