Agenda II
Xhtml Rules
DocType
HTML Terms
Meta Tags
Why CSS?
Styles Types
Inline CSS
Embed CSS
Linked CSS
CSS Attributes
Font CSS
Text CSS
Hex Colors
Color CSS
List CSS
Display Position
Border CSS
Classes and IDs
Div & Span
CSS Summary
Table Summary
Frame Summary
Table Attributes
Basic Tables
Table CSS
Frame Attributes
Nested Frames
Frame Basics
3 Colors Frame
Inline Frames
Back 

Embed/Internal Style Sheet Rules

  • Embed styles use the style tag placed in the HEAD to define style rules.
  • Styles begin with opening tag:<style type="text/css">
  • Close with the </style>tag
  • List each xHTML tag(selector) with style rules(declarations) in {curly brackets}
  • Properties and values are separated by colons
  • Multiple properties are separated by semicolons
  • Classes defined using unique terms starting with a period
  • Id rules are similar but begin with a pound sign and used ONCE on a page

Embeded Style Sheet Rules

<style type="text/css">
<- -hide from older browsers
Body {background: #ffffff; left-margin: .50in}
h1, h2 {font-family: Arial, Helvetica, san-serif; //grouped tags
font-size: 14pt;
font-weight: bold;
text-align: center;
background: #99cccc;
color: #ff00ff}
.norm {font-family: Times New Roman, serif; font-size: 11pt}
.blue {color:blue} /*identifies class*/
//- -hide from older browsers
</style>

Comments in Style Sheets and XHTML Document

Use the C programming comment: /*multiple line comments*/
single line comment //
Outside of the Style tag, use the XHTML comment <- - xhtml comment - ->

Web Design with XHTML Part II
Prince George's Community College
Doris Cuffey, nstructor