XHTML II Style Sheets Project

Welcome
Agenda II
DocType
HTML Terms
HTML Tags
Styles Types
Why CSS?
Font CSS
Inline CSS
Embed CSS
Linked CSS
CSS Attributes
Text CSS
Hex Colors
List CSS
Display Position
Border CSS
Div & Span
CSS Project
Table Project
Frame Project
Basic Tables
Column Span
Column Grouping
Border Collaspe
Table CSS
Frame Basics
3 Colors Frame
16 Colors
Table Attributes
Frame Attributes
Nested Frames
Inline Frames

Back

Demonstrate your understanding of Cascading Style Sheets by producing a document using Embed/Internal and External/Linked Style Sheets Rules :

  • Body Background color
  • Font size, family, weight, and text color
  • Paragraphs aligned left, center, right, line-height
  • Use Classes, Div and Span to denote specific css rules
  • Add Background color to Heading tags
  • Change right and left Margins widths
  • Add Bulleted Images in the List
  • Define a hover color for the anchors/links
  • Indent the first line of each Paragraph
  • Include borders around text
  • Include your own creativity!!!
  • Save your page(s) as a text cssproject.html
    • Styles Types   Why CSS?   Inline/Local CSS   Embed/Internal CSS   Linked/External CSS  
    CSS Attributes   Font CSS   Text CSS  
    Email Image Web Design with XHTML Part II
    Prince George's Community College
    Doris Cuffey, Instructor