CSS Intro & File Set Up

Cascading Style Sheets

CSS Controls how HTML elements appear on the page and save time by allowing you to make and store formatting designs on document that can be re-used for several websites.

CSS Style Sheets do NOT contain any content - they only contain formatting information

Create a new document in your notepad

This block is evidence of all the mistakes that Mrs. Wright made

ave this file as style1.css in the HTML folder on your desktop

Image from W3 Schools

Selector: Which tag are we developing the formatting for. In the example - we are indicated that every time we use <h1>, the font will be blue and size 12.

Each formatting declaration is separated by a ;

First you indicated which formatting property you want to set and then after the : you provide the value

p  {
    color: red;
    text-align: center;
    }