Cascading Style Sheets
Total Page:16
File Type:pdf, Size:1020Kb
Web Design in a Nutshell, 3rd Edition By Jennifer Niederst Robbins ............................................... Publisher: O'Reilly Pub Date: February 2006 Print ISBN-10: 0-596-00987-9 Print ISBN-13: 978-0-59-600987-8 Pages: 826 Table of Contents | Index Are you still designing web sites like it's 1999? If so, you're in for a surprise. Since the last edition of this book appeared five years ago, there has been a major climate change with regard to web standards. Designers are no longer using (X)HTML as a design tool, but as a means of defining the meaning and structure of content. Cascading Style Sheets are no longer just something interesting to tinker with, but rather a reliable method for handling all matters of presentation, from fonts and colors to the layout of the entire page. In fact, following the standards is now a mandate of professional web design. Our popular reference, Web Design in a Nutshell, is one of the first books to capture this new web landscape with an edition that's been completely rewritten and expanded to reflect the state of the art. In addition to being an authoritative reference for (X)HTML and Cascading Style Sheets, this book also provides an overview of the unique requirements of designing for the Web and gets to the nitty-gritty of JavaScript and DOM Scripting, web graphics optimization, and multimedia production. It is an indispensable tool for web designers and developers of all levels. The third edition covers these contemporary web design topics: Structural layer: HTML 4.01 and XHTML 1.0 (9 chapters), including an alphabetical reference of all elements, attributes and character entities Presentation layer: Ten all-new chapters on Cascading Style Sheets, Level 2.1, including an alphabetical reference of all properties and values. Behavior layer: JavaScript and scripting with the Document Object Model (DOM) Web environment: New web standards, browsers, display devices, accessibility, and internationalization Web graphics optimization: Producing lean and mean GIF, JPEG, PNG, and animated GIFs Multimedia: Web audio, video, Flash, and PDF Organized so that readers can find answers quickly, Web Design in a Nutshell, Third Edition helps experienced designers come up to speed quickly on standards-based web design, and serves as a quick reference for those already familiar with the new standards and technology. There are many books for web designers, but none that address such a wide variety of topics. Find out why nearly half a million buyers have made this the most popular web design book available. Web Design in a Nutshell, 3rd Edition By Jennifer Niederst Robbins ............................................... Publisher: O'Reilly Pub Date: February 2006 Print ISBN-10: 0-596-00987-9 Print ISBN-13: 978-0-59-600987-8 Pages: 826 Table of Contents | Index Intermediate Perl Foreword Contributors Technical Reviewers Lead Technical Editors Technical Reviewers Preface What's in the Book Using Code Examples Conventions Used in This Book CSS Property Conventions How to Contact Us Safari® Enabled Acknowledgments Part I: The Web Environment Chapter 1. Web Standards Section 1.1. What Are Standards? Section 1.2. Current Web Standards Section 1.3. Standards-Driven Design Section 1.4. For Further Reading Chapter 2. Designing for a Variety of Browsers Section 2.1. Browser History Section 2.2. Browser Roll-Call Section 2.3. Gathering Usage Statistics Section 2.4. Learning from Browser Statistics Section 2.5. Dealing with Browser Differences Section 2.6. Know Your Audience Section 2.7. Test! Chapter 3. Designing for a Variety of Displays Section 3.1. Designing for Unknown Monitor Resolutions Section 3.2. Fixed Versus Liquid Web Pages Section 3.3. Designing "Above the Fold" Section 3.4. Mobile Devices Chapter 4. A Beginner's Guide to the Server Section 4.1. Servers 101 Section 4.2. Unix Directory Structures Section 4.3. File Naming Conventions Section 4.4. Uploading Documents (FTP) Section 4.5. File (MIME) Types Chapter 5. Accessibility Section 5.1. Types of Disabilities Section 5.2. Overview of Assistive Technology Section 5.3. Who Is Responsible for Accessibility? Section 5.4. Web Content Accessibility Guidelines Section 5.5. Web Content Accessibility Guidelines 2.0 (WCAG 2.0) Section 5.6. Standards Variations and Section 508 Section 5.7. Web Accessibility Techniques Section 5.8. Testing for Accessibility Chapter 6. Internationalization Section 6.1. Character Sets and Encoding Section 6.2. Character References Section 6.3. Language Features Section 6.4. Style Sheets Language Features Section 6.5. For Further Reading Part II: The Structural Layer: XML and (X)HTML Chapter 7. Introduction to XML Section 7.1. XML Basics Section 7.2. How It Works Section 7.3. XML Document Syntax Section 7.4. Well-Formed XML Section 7.5. Document Type Definition (DTD) Section 7.6. XML Namespaces Section 7.7. XML on the Web Section 7.8. Web-Related XML Applications Section 7.9. Where to Learn More Chapter 8. HTML and XHTML Overview Section 8.1. The Role of HTML Section 8.2. Markup Basics Section 8.3. Introduction to XHTML Section 8.4. Which Standard Is Right for You? Section 8.5. Well-Formed XHTML Section 8.6. Web Authoring Tools Section 8.7. Good Authoring Practices Chapter 9. Document Structure Section 9.1. Minimal Document Structure Section 9.2. Document Type Declaration Section 9.3. The Root Element Section 9.4. The Document Header Section 9.5. The Document Body Chapter 10. Text Elements Section 10.1. Choosing Text Elements Section 10.2. The Building Blocks of Content Section 10.3. Inline Elements Section 10.4. Deleted and Inserted Text Section 10.5. Generic Elements (div and span) Section 10.6. Lists Section 10.7. Presentational Elements Section 10.8. Character Entity References Chapter 11. Creating Links Section 11.1. Simple Hypertext Links Section 11.2. Linking Within a Document Section 11.3. Targeting Windows Section 11.4. Alternative Protocols Section 11.5. Linking Documents with link Chapter 12. Images and Objects Section 12.1. Inline Images Section 12.2. Image Maps Section 12.3. Embedded Media Section 12.4. Java Applets Section 12.5. Inline (Floating) Frames Chapter 13. Tables Section 13.1. Table Uses Section 13.2. Basic Table Structure Section 13.3. Row Groups Section 13.4. Columns and Column Groups Section 13.5. Table Presentation Section 13.6. Accessible Tables Section 13.7. Responsible Layout Tables Chapter 14. Frames Section 14.1. Introduction to Frames Section 14.2. Basic Frameset Structure Section 14.3. Frame Function and Appearance Section 14.4. Targeting Frames Section 14.5. Frame Design Tips and Tricks Chapter 15. Forms Section 15.1. The Basic Form Element Section 15.2. Form Controls Section 15.3. Accessibility Features Section 15.4. disabled and readonly Section 15.5. Affecting Form Appearance Part III: The Presentation Layer: Cascading Style Sheets Chapter 16. Cascading Style Sheets Fundamentals Section 16.1. CSS in a Nutshell Section 16.2. The Benefits of CSS Section 16.3. How CSS Works Section 16.4. Rule Syntax Section 16.5. Adding Styles to a Document Section 16.6. Key Concepts Section 16.7. Specifying Values Section 16.8. Browser Support Section 16.9. For Further Reading Chapter 17. Selectors Section 17.1. Type (Element) Selector Section 17.2. Contextual Selectors Section 17.3. Class and ID Selectors Section 17.4. Attribute Selectors Section 17.5. Pseudoselectors Chapter 18. Font and Text Properties Section 18.1. Typography on the Web Section 18.2. Font Family Section 18.3. Font Size Section 18.4. Other Font Settings Section 18.5. Text Transformation (Capitalization) Section 18.6. Text Decoration Section 18.7. Line Height Section 18.8. Text Alignment Properties Section 18.9. Text Spacing Section 18.10. Text Direction Chapter 19. Basic Box Properties Section 19.1. The Box Model, Revisited Section 19.2. Width and Height Section 19.3. Margins Section 19.4. Borders Section 19.5. Padding Chapter 20. Color and Backgrounds Section 20.1. Foreground Color Section 20.2. Background Color Section 20.3. Background Images Chapter 21. Floating and Positioning Section 21.1. Normal Flow Section 21.2. Floating Section 21.3. Positioning Basics Section 21.4. Absolute Positioning Section 21.5. Fixed Positioning Section 21.6. Relative Positioning Chapter 22. CSS for Tables Section 22.1. The Essence of Tables Section 22.2. Styling Tables Section 22.3. Borders Section 22.4. Table Layout (Width and Height) Section 22.5. Table Display Values Chapter 23. Lists and Generated Content Section 23.1. CSS for Lists Section 23.2. Generated Content Chapter 24. CSS Techniques Section 24.1. Centering a Page Section 24.2. Two-Column Layouts Section 24.3. Three-Column Layouts Section 24.4. Boxes with Rounded Corners Section 24.5. Image Replacement Section 24.6. CSS Rollovers Section 24.7. List-Based Navigation Bars Section 24.8. CSS Techniques Resources Chapter 25. Managing Browser Bugs: Workarounds, Hacks, and Filters Section 25.1. Working with "Troubled" Browsers Section 25.2. The Browsers Section 25.3. Hack and Workaround Management 101 Part IV: The Behavioral Layer: JavaScript and the DOM Chapter 26. Introduction to JavaScript Section 26.1. A Little Background Section 26.2. Using JavaScript Section 26.3. JavaScript Syntax Section 26.4. Event Handling Section 26.5. The Browser Object Section 26.6. Where to Learn More Chapter 27. DOM Scripting Section 27.1. A Sordid Past Section 27.2. Out of the Dark Ages Section 27.3. The DOM Section 27.4. Manipulating Documents with the DOM Section 27.5. Working with Style Section 27.6. DOM Scripting in Action Section 27.7. Supplement: Getting Started with Ajax Part V: Web Graphics Chapter 28.