htmlDemo6 - Demo 6 XP Introducing Cascading Style Sheets...

Info iconThis preview shows pages 1–3. Sign up to view the full content.

View Full Document Right Arrow Icon
1 Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 1 XP Working with Cascading Style Sheets Demo 6 Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 2 XP Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document. Cascading Style Sheets , or CSS , is a style sheet language used on the Web. – CSS specifications are maintained by the World Wide Web Consortium (W3C) – Three versions of CSS exist: CSS1, CSS2, and CSS3 Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 3 XP Cascading Style Sheets CSS1 introduced styles for the following document features: – Fonts –Text – Color – Backgrounds – Block-level Elements Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 4 XP Cascading Style Sheets CSS2 introduced styles for the following document features: – Positioning – Visual Formatting – Media Types – Interfaces Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 5 XP Cascading Style Sheets CSS3 (which is still in development) will introduce styles for the following document features: – User Interfaces – Accessibility – Columnar layout – International Features – Mobile Devices – Scalable Vector Graphics Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 6 XP Applying a Style Sheet • Three ways to apply a style to an HTML or XHTML document: Inline Styles Embedded Styles External Styles
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 7 XP Using Inline Styles • Inline styles are easy to use and interpret because they are applied directly to the elements they affect. < element style =“style1: value1; style2: value2; style3: value3; …”> Demo 6 Adapted From New Perspectives on HTML and XHTML, Comprehensive Patrick Carey, Course Technology 8 XP Using Embedded Styles • You can embed style definitions in a document head using the following form: <style> style declarations </style>
Background image of page 2
Image of page 3
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 05/29/2010 for the course CS 22 taught by Professor Weddffd during the Spring '08 term at Colorado State.

Page1 / 6

htmlDemo6 - Demo 6 XP Introducing Cascading Style Sheets...

This preview shows document pages 1 - 3. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online