HTML5和CSS3响应式页面设计（第2版,影印版）

Preface
Chapter 1: The Essentials of Responsive Web Design
Beginning our quest
Defining responsive web design
Responsive web design in a nutshell
Setting browser support levels
A brief note on tooling and text editors
Our first responsive example
Our basic HTML file
Taming images
Enter media queries
Amending the example for a larger screen
The shortcomings of our example
Summary
Chapter 2: Media Queries - Supporting Differing Viewports
Why media queries are needed for a responsive web design
Basic conditional logic in CSS
Media query syntax
Media queries in link tags
Combining media queries
Media queries with @import
Media queries in CSS
What can media queries test for?
Using media queries to alter a design
Any CSS can be wrapped in a media query
Media queries for HiDPI devices
Considerations for organizing and authoring media queries
Linking to different CSS files with media queries
The practicalities of separating media queries
Nesting media queries 'inline'
Combine media queries or write them where it suits?
The viewport meta tag
Media Queries Level 4
Scripting media feature
Interaction media features
The hover media feature
Environment media features
Summary
Chapter 3: Fluid Layouts and Responsive Images
Converting a fixed pixel design to a fluid proportional layout
Why do we need Flexbox?
Inline block and whitespace
Floats
Table and table-cell
Introducing Flexbox
The bumpy path to Flexbox
Browser support for Flexbox
Leave prefixing to someone else
Getting Flexy
Perfect vertically centered text
Offset items
Reverse the order of items
How about if we want them laid out vertically instead?
Column reverse
Different Flexbox layouts inside different media queries
Inline-flex
Flexbox alignment properties
The align-items property
The align-self property
Possible alignment values
The justify-content property
The flex property
Simple sticky footer
Changing source order
Wrapping up Flexbox
Responsive images
The intrinsic problem of responsive images
Simple resolution switching with srcset
Advanced switching with srcset and sizes
Did you say the browser 'might' pick one image over another?
Art direction with the picture element
Facilitate new-fangled image formats
Summary
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

本·弗雷恩，Ben Frain has been a web designer/developer since 1996. He is currently employed as a Senior Front-end Developer at Bet365.Before the web, he worked as an underrated (and modest) TV actor and technology journalist, having graduated from Salford University with a degree in Media and Performance.
He has written four equally underrated (his opinion) screenplays and still harbors the (fading) belief he might sell one. Outside of work, he enjoys simple pleasures.Playing indoor football while his body and wife still allow it, and wrestling with his two sons.
His other book, Sass and Compass for Designers is available now. Visit Ben online at www. benfrain, corn and follow him on Twitter at twitter, com/benfrain.

web访问方式的不断变化意味着屏幕尺寸和用户体验永远没有上限，响应式页面使得页面内容得以适应于现在和将来的设备。学习使用“响应和移动优先”的方法构建网站，使其能够轻松地呈现在所有的访问设备之上。通过大量的示例以及对于现代流行技术和语法的详细讲解，本书可以作为一切“响应式”实现的全面参考资料。第二版涵盖了所有最前沿的技术和工具，足以让你实现杰出的响应式设计，确保项目能够经受住未来的考验。

定价：为出版社全国统一定价；

文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；

新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。

本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：本店所有页面上的绝对化用词与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。因极限用词引起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。