Synopses & Reviews
CSS3 lets you create professional-looking websites, but learning its finer points can be tricky—even for seasoned web developers. This Missing Manual shows you how to take your HTML and CSS skills to the next level, with valuable tips, tricks, and step-by-step instructions. Youll quickly learn how to build web pages that look great and run fast on devices and screens of all sizes.
The important stuff you need to know:
- Start with the basics. Write CSS3-friendly HTML, including the HTML5 tags recognized by todays browsers.
- Apply real-world design. Format text, create navigation tools, and enhance pages with graphics.
- Make your pages lively. Create eye-catching animations and give your visitors attractive tables and forms.
- Take control of page layouts. Use professional design techniques such as floats and positioning.
- Look great on any device. Craft websites that adapt to desktop, tablet, and mobile browsers.
- Get advanced techniques. Use CSS3 more effectively and efficiently, and ensure that your web pages look good when printed.
Synopsis
You can turn humdrum web sites into professional-looking destinations with the latest version of Cascading Style Sheets—if you know how to integrate CSS3 with your sites HTML. Enter CSS3: The Missing Manual. With crystal-clear explanations, real-world examples, and a dash of humor, this book helps you tap into the power of CSS3 to build new websites, upgrade existing sites, and prepare for mobile design.
The important stuff you need to know:
- Design like a pro. Learn how to think like a CSS designer when writing or editing your HTML.
- Work quickly and efficiently. Develop timesaving CSS practices by following step-by-step tutorials.
- Make your site stand out. Design elegant layouts by using CSS instead of HTML.
- Go interactive. Add navigation bars and rollover links to guide visitors through your site.
- Build your audience. Learn which CSS3 properties work in the latest browser versions.
About the Author
David Sawyer McFarland is president of Sawyer McFarland Media, Inc., a Web development and training company in Portland, Oregon. He's been building websites since 1995, when he designed an online magazine for communication professionals. He's served as webmaster at the University of California at Berkeley and the Berkeley Multimedia Research Center, and oversaw a complete CSS-driven redesign of Macworld.com. David is also a writer and trainer, and teaches in the Portland State University multimedia program. He wrote the bestselling Missing Manual titles on Adobe Dreamweaver, CSS, and JavaScript.
Table of Contents
The Missing Credits; About the Author; About the Creative Team; Acknowledgements; The Missing Manual Series; Introduction; How CSS Works; The Benefits of CSS; What You Need to Know; HTML: The Barebones Structure; Document Types; How HTML Tags Work; XHTML, Too; HTML5: The Wheel Turns Again; Software for CSS; About This Book; The Very Basics; About the Online Resources; Safari® Books Online; Part 1: CSS Basics; Chapter 1: HTML for CSS; 1.1 HTML: Past and Present; 1.2 Writing HTML for CSS; 1.3 The Importance of the Doctype; 1.4 Making Sure Internet Explorer Is Up-to-Date; Chapter 2: Creating Styles and Style Sheets; 2.1 Anatomy of a Style; 2.2 Understanding Style Sheets; 2.3 Internal Style Sheets; 2.4 External Style Sheets; 2.5 Tutorial: Creating Your First Styles; Chapter 3: Selectors: Identifying What to Style; 3.1 Tag Selectors: Page-Wide Styling; 3.2 Class Selectors: Pinpoint Control; 3.3 ID Selectors: Specific Page Elements; 3.4 Styling Groups of Tags; 3.5 Styling Tags Within Tags; 3.6 Pseudo-Classes and Pseudo-Elements; 3.7 Attribute Selectors; 3.8 Child Selectors; 3.9 Siblings; 3.10 The :not( ) Selector; 3.11 Tutorial: Selector Sampler; Chapter 4: Saving Time with Style Inheritance; 4.1 What Is Inheritance?; 4.2 How Inheritance Streamlines Style Sheets; 4.3 The Limits of Inheritance; 4.4 Tutorial: Inheritance; Chapter 5: Managing Multiple Styles: The Cascade; 5.1 How Styles Cascade; 5.2 Specificity: Which Style Wins; 5.3 Controlling the Cascade; 5.4 Tutorial: The Cascade in Action; Part 2: Applied CSS; Chapter 6: Formatting Text; 6.1 Using Fonts; 6.2 Using Web Fonts; 6.3 Discovering Google Web Fonts; 6.4 Adding Color to Text; 6.5 Changing Font Size; 6.6 Formatting Words and Letters; 6.7 Adding Text Shadow; 6.8 Formatting Entire Paragraphs; 6.9 Styling Lists; 6.10 Tutorial: Text Formatting in Action; Chapter 7: Margins, Padding, and Borders; 7.1 Understanding the Box Model; 7.2 Controlling Space with Margins and Padding; 7.3 Adding Borders; 7.4 Coloring the Background; 7.5 Creating Rounded Corners; 7.6 Adding Drop Shadows; 7.7 Determining Height and Width; 7.8 Wrapping Content with Floating Elements; 7.9 Tutorial: Margins, Backgrounds, and Borders; Chapter 8: Adding Graphics to Web Pages; 8.1 Discovering CSS and the
Tag; 8.2 Adding Background Images; 8.3 Controlling Repetition; 8.4 Positioning a Background Image; 8.5 Using Background Property Shorthand; 8.6 Using Multiple Background Images; 8.7 Utilizing Gradient Backgrounds; 8.8 Applying Easy Gradients with Colorzilla; 8.9 Tutorial: Enhancing Images; 8.10 Tutorial: Creating a Photo Gallery; 8.11 Tutorial: Using Background Images; Chapter 9: Sprucing Up Your Site's Navigation; 9.1 Selecting Which Links to Style; 9.2 Styling Links; 9.3 Building Navigation Bars; 9.4 CSS-Style Preloading Rollovers; 9.5 Styling Particular Types of Links; 9.6 Tutorial: Styling Links; 9.7 Tutorial: Creating a Navigation Bar; Chapter 10: CSS Transforms, Transitions, and Animations; 10.1 Transforms; 10.2 Transitions; 10.3 Animations; 10.4 Tutorial; Chapter 11: Formatting Tables and Forms; 11.1 Using Tables the Right Way; 11.2 Styling Tables; 11.3 Styling Forms; 11.4 Tutorial: Styling a Table; 11.5 Tutorial: Styling a Form; Part 3: CSS Page Layout; Chapter 12: Introducing CSS Layout; 12.1 Types of Web Page Layouts; 12.2 How CSS Layout Works; 12.3 Layout Strategies; Chapter 13: Building Float-Based Layouts; 13.1 Applying Floats to Your Layouts; 13.2 Overcoming Float Problems; 13.3 Tutorial: Multiple-Column Layouts; Chapter 14: Responsive Web Design; 14.1 Responsive Web Design Basics; 14.2 Setting Up a Web Page for RWD; 14.3 Media Queries; 14.4 Flexible Grids; 14.5 Fluid Images; 14.6 Responsive Web Design Tutorial; Chapter 15: Positioning Elements on a Web Page; 15.1 How Positioning Properties Work; 15.2 Powerful Positioning Strategies; 15.3 Tutorial: Positioning Page Elements; Part 4: Advanced CSS; Chapter 16: CSS for the Printed Page; 16.1 How Media Style Sheets Work; 16.2 How to Add Media Style Sheets; 16.3 Creating Print Style Sheets; 16.4 Tutorial: Building a Print Style Sheet; Chapter 17: Improving Your CSS Habits; 17.1 Adding Comments; 17.2 Organizing Styles and Style Sheets; 17.3 Eliminating Browser Style Interference; 17.4 Using Descendent Selectors; 17.5 Trying Different CSS for Internet Explorer; Part 5: Appendixes; CSS Property Reference; CSS Values; Text Properties; List Properties; Padding, Borders, and Margins; Backgrounds; Page Layout Properties; Animation, Transform, and Transition Properties; Table Properties; Miscellaneous Properties; CSS Resources; References; CSS Help; CSS Tips, Tricks, and Advice; CSS Navigation; CSS Layout; Showcase Sites; CSS Books; CSS Software;