Creating Layouts with CSS

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

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

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 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

This text is 12 pixels tall.

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 }

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

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

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.

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

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