1. Creating Layouts with CSS

2. Span tag Here is some underlined text. Here is some blinking text. Here's some bold text.

3. Div tag is used to surround a block of HTML tags of any kind, and it affects all the tags and text inside the opening and closing tags Who We Are What We Do

4. CSS Properties text-decoration underline, overline, line-through, blink, and none. font-style The three values are normal, italic, and oblique. font-weight Options are normal, bold, bolder, lighter, and 100 - 900. font-family font-variant Sets the font variant to normal or small-caps. text-align Specifies how text is aligned: left, right, center, or justify. font-size

5. This text is 12 pixels tall.

6. Including Style Sheets in a Page Creating Page-Level Styles h1 { font-size: x-large; font-weight: bold } h2 { font-size: large; font-weight: bold }

7. Creating Sitewide Style Sheets h1 { font-size: x-large; font-weight: bold } h2 { font-size: large; font-weight: bold } Save as style.css and include

8. Selectors All paragraphs,ol and ulin blue color p, ol, ul { color: blue } = p { color: blue } ol { color: blue } ul { color: blue }

9. Classes Some text..important { color: red; font-weight: bold; } The class attribute is for assigning elements to groups of tags, and the id attribute is for assigning identifiers to specific elements.

10. IDs Copyright 2003 #footer { font-size: small; }

11. CSS Example.outer { border: 2px solid black; }.inner { border: 2px dotted black;} Outer. Inner