Your SlideShare is downloading. ×
Introduction to CSS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to CSS

527
views

Published on

The introductory chapter to CSS: The Missing Manual

The introductory chapter to CSS: The Missing Manual


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
527
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Introduction Cascading Style Sheets (CSS) Source: CSS | The Missing Manual Copyright 2009
    • 2. How CSS Works
      • A style is simply a rule describing how to format a particular portion of a Web page
      • A style sheet is a set of these rules
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 3. How CSS Works
      • CSS – Cascading Style Sheets
      • (X)HTML – HTML with stricter guidelines
        • ???
        • ???
        • ???
        • ???
        • ???
        • ???
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 4. How CSS Works
      • CSS and (X)HTML are two different languages altogether
        • (X)HTML provides structure to a document
        • CSS provides creative control over the layout and design of Web pages
      • CSS changes (and improves) the appearance of (X)HTML
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 5. The Benefits of CSS
      • The World Wide Web Consortium ( W3C ) has deprecated (phased out) many HTML tags used solely for formatting
      • Example: <font>
      • Review a list of depricated tags:
        • www.codehelp.co.uk/html/deprecated.html
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 6. What You Need to Know
      • CSS doesn’t do anything without (X)HTML
      • Tags are the “markup” part of the Hypertext Markup Language
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 7. What You Need to Know
      • Think of a Web page as a tree
      Source: CSS | The Missing Manual Copyright 2009 <???> <???> <???> <???> <???> <???> <???> <???> <head> <body> <html> Introduction
    • 8. XHTML: HTML for the New Era
      • An (X)HTML page must use the correct doctype
      • An (X)HTML page must validate
      • Consequence: CSS will fall apart in certain browsers
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 9. Software for CSS
      • Free programs:
        • TextWrangler (Mac)
          • www.barebones.com/products/textwrangler/
        • HTML-Kit (Windows)
          • www.chami.com /html-kit/
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 10. Software for CSS
      • Commercial software:
        • EditPlus (Windows)
          • www.editplus.com
        • skEdit (Mac)
          • www.skti.org
        • BBEdit (Mac)
          • www.barebones.com/products/bbedit /
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 11. Software for CSS
      • Commercial software (continued):
        • Dreamweaver (Mac & Windows)
          • www.adobe.com
        • Expression Web Designer (Windows)
          • www.microsoft.com
      Source: CSS | The Missing Manual Copyright 2009 Introduction
    • 12. Code Samples
      • Download raw materials
        • graphics
        • half-completed Web pages
      • Source: CSS | The Missing Manual
        • www.sawmac.com/css /
      Source: CSS | The Missing Manual Copyright 2009 Introduction