1. OV 3 - 1 Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles Using CSS

2. OV 3 - 2 Copyright © 2008 Element K Content LLC. All rights reserved. Styles Styles define the font and color of the text Background color applied using styles Image positioned at the right using styles

3. OV 3 - 3 Copyright © 2008 Element K Content LLC. All rights reserved. Cascading Style Sheets body { background-color: #cccccc; font-size: 12px; } h1 { color: navy; } p { color: #cccccc; } Set of Rules

4. OV 3 - 4 Copyright © 2008 Element K Content LLC. All rights reserved. Selectors and Properties p { font-size: 10 pt } Selector Declaration Property Value

5. OV 3 - 5 Copyright © 2008 Element K Content LLC. All rights reserved. Classes While we take care to ensure the accuracy and quality of this Web site, we cannot guarantee the accuracy of the information presented herein. XHTML Element Class

6. OV 3 - 6 Copyright © 2008 Element K Content LLC. All rights reserved. Class Selectors p.disclaimer { font-family: Times, serif; font-size: 6px; font-style: italic; }.warning { color: red; font-weight: bold; } Class Selector Independent Class Selector Declaration XHTML Tag

7. OV 3 - 7 Copyright © 2008 Element K Content LLC. All rights reserved. ID Selectors p#logo { font-family: arial,verdana,sans-serif; color: #800000; font-size: 13px; } ID Selector Declaration XHTML Tag ID (Unique Identifier)

8. OV 3 - 8 Copyright © 2008 Element K Content LLC. All rights reserved. Foreground and Background Colors Foreground Color Background Color

9. OV 3 - 9 Copyright © 2008 Element K Content LLC. All rights reserved. Background Images Background Image

10. OV 3 - 10 Copyright © 2008 Element K Content LLC. All rights reserved. Reflective Questions 1. What are the styles that you would apply to improve the visual appeal of your company website? 2. Which selector and style sheet types do you think you'll use most often, and why?