Mandy Smith

What is CSS?

CSS stands for Cascading Style Sheets. It is a language for styling and changing the look of web pages. To use CSS you should understand HTML.

Internal Stylesheet

<style type="text/css">CSS Content Goes Here</style>

External Stylesheet

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

Style Brackets

.classname{ }

Just like HTML, CSS needs a beginning (which is '{') and an end (which is '}').

IDs

#container{ }

How to use IDs

<div id="container">This is a sample sentence.</div>

Classes

.container{ }

Notice classes have a .(dot) in the front instead of a # (number sign).

How to use Classes

<div class="container">This is a sample sentence.</div>

Comment Tags to keep Organized

/* This is a comment */

Combined Styles

h1, h2, h3, h4, h5, h6 { }

Default Styles

html, body, h1, h2, h3, h4, h5, h6, form, ol, ol li, ul, small, input, textarea, select

Default styles are styles that do not have 'id' names or 'class' names. They can still be styled though. A '#' or '.' in front of them is not neccessary in the stylesheet. The above are the most common.