CSS Web Site Design : Includes Exercise Files and Demo Movies

by Meyer, Eric

• ISBN13: 9780321293916
• ISBN10: 0321293916
• Edition: 1st
• Format: Paperback
• Copyright: 2006-11-09
• Publisher: Peachpit Press

Summary

Hands-on volume from the foremost expert on the topic makes CSS accessible to everyone, no programming experience required!

Author Biography

Eric A. Meyer has been working with the Web since 1993 and is principal consultant for Complex Spiral Consulting (www.complexspiral.com). A graduate of and former webmaster for Case Western Reserve University, Eric is also an in-vited expert with the W3C CSS&FP Working Group, and he coordinated the authoring and creation of the W3C’s CSS 1 Test Suite. He often speaks at conferences on the subjects of CSS, Web design, Web standards, and Web browsers, and how they all inter-sect. He is the author of Eric Meyer on CSS, More Eric Meyer on CSS, and Cascading Style Sheets: The Definitive Guide, to name a few, and the well-known CSS Browser Compatibility Charts. Eric lives in Cleveland, Ohio, which is a much nicer city than most people have been led to believe.

Table of Contents

Introduction	viii
Getting Started	2	(6)
Understanding Why You Need This Book	3	(1)
What is CSS?	4	(1)
Why Use CSS?	5	(2)
Authoring CSS	7	(1)
Understanding CSS	8	(54)
Reviewing XTHML Basics	9	(1)
Understanding CSS Terminology	10	(2)
Exercise 1: Adding Rules to a Style Sheet	12	(6)
Exercise 2: Adding Selectors	18	(6)
Exercise 3: Working with Multiple Declarations	24	(12)
Working with Style Sheets	36	(2)
Exercise 4: Embedding a Style Sheet	38	(8)
Exercise 5: Importing an External Style Sheet	46	(5)
Exercise 6: Importing Multiple Style Sheets	51	(9)
Exercise 7: Linking to an External Style Sheet	60	(1)
Managing Style Sheets	60	(2)
Selectors and the Cascade	62	(54)
Understanding Selectors	63	(6)
Exercise 1: Using ID Selectors	69	(7)
Exercise 2: Using Class Selectors	76	(6)
Exercise 3: Using Grouped Selectors	82	(6)
Exercise 4: Using Descendant Selectors	88	(4)
Looking for the Sources of Styles	92	(2)
Exercise 5: Resolving Style Conflicts with Specificity	94	(5)
Exercise 6: Using the Iimportant Declaration	99	(5)
Exercise 7: Understanding Inheritance	104	(4)
Exercise 8: Revealing Unstyled Documents	108	(4)
Exercise 9: Applying User Style Sheets	112	(4)
Using CSS to Affect Page Layout	116	(44)
Exercise 1: Introducing the CSS Box Model	117	(6)
Exercise 2: Creating Simple Floats	123	(6)
Exercise 3: Using Floats for Page Layout	129	(8)
Exercise 4: Fixing Column Drop	137	(6)
Exercise 5: Clearing Essentials	143	(5)
Exercise 6: Containing Floats	148	(7)
Exercise 7: Displaying Elements	155	(5)
Setting Foreground and Background Properties	160	(28)
Exercise 1: Adding Foreground Colors	161	(6)
Exercise 2: Adding Color to Background Elements	167	(5)
Exercise 3: Adding Background Images	172	(3)
Exercise 4: Repeating Background Images	175	(4)
Exercise 5: Positioning Background Images	179	(5)
Exercise 6: Using the Background Shorthand Declaration	184	(4)
Setting Typography	188	(62)
Exercise 1: Altering Line Height	189	(7)
Exercise 2: Using Font Families	196	(9)
Exercise 3: Changing Font Styles and Weights	205	(7)
Exercise 4: Sizing Fonts	212	(10)
Exercise 5: Writing Font Shorthand Declarations	222	(6)
Exercise 6: Aligning Text Horizontally	228	(5)
Exercise 7: Aligning Text Vertically	233	(5)
Exercise 8: Transforming Text	238	(5)
Exercise 9: Decorating Text	243	(7)
Using Margins and Borders to Create Whitespace and Separation	250	(38)
Exercise 1: Understanding Margins	251	(10)
Exercise 2: Adding Borders	261	(6)
Exercise 3: Implementing Padding	267	(8)
Exercise 4: Using Negative Margins	275	(6)
Exercise 5: Collapsing Margins	281	(7)
Styling Tables	288	(22)
Exercise 1: Styling Tables and Captions	289	(5)
Exercise 2: Styling Table Cells	294	(6)
Exercise 3: Styling Column Classes	300	(6)
Exercise 4: Styling Links in Table Cells	306	(4)
Styling for Print	310	(42)
Exercise 1: Styling for Specific Mediums	311	(8)
Exercise 2: Creating a Print Style Sheet	319	(8)
Exercise 3: Hiding Elements for Print	327	(5)
Exercise 4: Styling for Print	332	(7)
Exercise 5: Applying Complex Styling for Print	339	(6)
Exercise 6: Creating a Footer	345	(7)
Bringing It All Together	352	(42)
Working with Text Fragments	353	(1)
Exercise 1: Setting Global Styles	354	(5)
Exercise 2: Defining Masthead and Navbar Colors	359	(4)
Exercise 3: Laying Out the Navbar	363	(4)
Exercise 4: Using Columns	367	(4)
Exercise 5: Setting Content Styles	371	(3)
Exercise 6: Starting the Sidebar	374	(6)
Exercise 7: Creating the Sidebar Boxes	380	(3)
Exercise 8: Completing the Sidebar	383	(3)
Exercise 9: Styling the Table	386	(4)
Exercise 10: Creating the Footer	390	(4)
CSS 2 Properties	394	(26)
Troubleshooting FAQ and Technical Support Information	420	(4)
CSS Resources	424	(4)
Index	428