HTML5和CSS3响应式页面设计-第2版-(影印版)

Preface Chapter 1: The Essentials of Responsive Web DesignBeginning our questDefining responsive web designResponsive web design in a nutshellSetting browser support levelsA brief note on tooling and text editorsOur first responsive exampleOur basic HTML fileTaming imagesEnter media queriesAmending the example for a larger screenThe shortcomings of our exampleSummary Chapter 2: Media Queries - Supporting Differing ViewportsWhy media queries are needed for a responsive web designBasic conditional logic in CSSMedia query syntaxMedia queries in link tagsCombining media queriesMedia queries with @importMedia queries in CSSWhat can media queries test for?Using media queries to alter a designAny CSS can be wrapped in a media queryMedia queries for HiDPI devicesConsiderations for organizing and authoring media queriesLinking to different CSS files with media queriesThe practicalities of separating media queriesNesting media queries 'inline'Combine media queries or write them where it suits?The viewport meta tagMedia Queries Level 4Scripting media featureInteraction media featuresThe hover media featureEnvironment media featuresSummary Chapter 3: Fluid Layouts and Responsive ImagesConverting a fixed pixel design to a fluid proportional layoutWhy do we need Flexbox?Inline block and whitespaceFloatsTable and table-cellIntroducing FlexboxThe bumpy path to FlexboxBrowser support for FlexboxLeave prefixing to someone elseGetting FlexyPerfect vertically centered textOffset itemsReverse the order of itemsHow about if we want them laid out vertically instead?Column reverseDifferent Flexbox layouts inside different media queriesInline-flexFlexbox alignment propertiesThe align-items propertyThe align-self propertyPossible alignment valuesThe justify-content propertyThe flex propertySimple sticky footerChanging source orderWrapping up FlexboxResponsive imagesThe intrinsic problem of responsive imagesSimple resolution switching with srcsetAdvanced switching with srcset and sizesDid you say the browser 'might' pick one image over another?Art direction with the picture elementFacilitate new-fangled image formatsSummary Chapter 4:HTML5 for Responsive Web Designs Chapter 5:CSS3 - Selectors, Typography, Color Modes, and New Features Chapter 6: Stunning Aesthetics with CSS3 Chapter 7: Using SVGs for Resolution Independence Chapter 8: Transitions, Transformations, and Animations Chapter 9: Conquer Forms with HTML5 and CSS3 Chapter 10: Approaching a Responsive Web Design Index