Working with cascading Style Sheets

•Working with Cascading Style Sheets
•Creating a Style for Online Scrapbooks
•Objectives
•Introducing Cascading Style Sheets
•Using Inline Styles
•Using Embedded Styles
•Using an External Style Sheet
•Understanding Cascading Order
•Working with Selectors
•Objectives
•Using IDs and Classes
•Sizing Elements
•Floating an Element
•Working with the div Element
•Setting the Display Style
•Working with the Box Model
•Using Pseudo-Classes and Pseudo-Elements
•Applying a Style to a Web Site
•Objectives
•Positioning Objects with CSS
•Working with Overflow and Clipping
•Stacking Elements
•Working with Different Media
•Hiding Elements
•Using Print Styles
•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
•Cascading Style Sheets
•CSS1 introduced styles for the following document features:
–Fonts
–Text
–Color
–Backgrounds
–Block-level Elements
•Cascading Style Sheets
•CSS2 introduced styles for the following document features:
–Positioning
–Visual Formatting
–Media Types
–Interfaces
•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
•Applying a Style Sheet
•Three ways to apply a style to an HTML or XHTML document:
–Inline Styles
–Embedded Styles
–External Styles
•Using Inline Styles
•Inline styles are easy to use and interpret because they are applied directly to the elements they affect.
value2; style3: value3;…”>
•Using Embedded Styles
•You can embed style definitions in a document head using the following form:

Where style declarations are the declarations of the
different styles to be applied to the document