CSS comes after HTML By David J. Young. Agenda Web pages created with CSS Web pages created with CSS CSS 101 CSS 101 CSS Concepts CSS Concepts CSS Shortcuts.

Download CSS comes after HTML By David J. Young. Agenda Web pages created with CSS Web pages created with CSS CSS 101 CSS 101 CSS Concepts CSS Concepts CSS Shortcuts.

Post on 27-Mar-2015

216 views

Category:

Documents

4 download

TRANSCRIPT

<ul><li>Slide 1</li></ul> <p>CSS comes after HTML By David J. Young Slide 2 Agenda Web pages created with CSS Web pages created with CSS CSS 101 CSS 101 CSS Concepts CSS Concepts CSS Shortcuts CSS Shortcuts CSS based page design CSS based page design Tools Tools Demo Demo Slide 3 CSS Example 1 Slide 4 CSS Example 2 Slide 5 CSS Example 3 Slide 6 CSS Example 4 Slide 7 CSS Example 6 Slide 8 CSS Example 7 Slide 9 Slide 10 CSS Example 8 Slide 11 CSS Example 9 Slide 12 CSS Samples Q: What is different about all of the samples? Q: What is different about all of the samples? A: Each presentation (look &amp; feel) is completely different A: Each presentation (look &amp; feel) is completely different Q: What is the same in all the samples? Q: What is the same in all the samples? A: The content. A: The content. That is, the (X)HTML is identical. Slide 13 Example 10 Slide 14 HTML for all Examples Slide 15 What is CSS? CSS stands for Cascading Style Sheets CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles define how to display HTML elements Styles are normally stored in Style Sheets Styles are normally stored in Style Sheets Styles were added to HTML 4.0 to solve a problem Styles were added to HTML 4.0 to solve a problem External Style Sheets can save you a lot of work External Style Sheets can save you a lot of work External Style Sheets are stored in CSS files External Style Sheets are stored in CSS files Multiple style definitions will cascade into one Multiple style definitions will cascade into one Slide 16 Why CSS? This is my headline This is my headline this is a sub header this is a sub header</p>

Recommended

View more >