HTML5和CSS3响应式页面设计（第2版 影印版） [Eesponsive Web Design HTML5 and CSS3（Second Edition）]

　　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
　查看完整　　

　　Web访问方式的不断变化意味着屏幕尺寸和用户体验永远没有上限，响应式Web页面使得页面内容得以适应于现在和将来的设备。
　　学习以“响应和移动优先”方法来构建网站，使其能够轻松地呈现在所有的访问设备之上。通过大量的示例以及对于现代流行技术和语法的详细讲解，《HTML5和CSS3响应式页面设计（第2版 影印版）》可以作为一切“响应式”实现的全面参考资料。
　　《HTML5和CSS3响应式页面设计（第2版 影印版）》涵盖了所有前沿的技术和工具，足以让你实现杰出的响应式设计，确保项目能够经受住未来的考验。
　　目标读者你是否正在编写两个网站：一个用于移动设备，一个用于大尺寸显示器？或者你可能已经实现了自己的响应式网站（响应式Web设计），但是正在为如何完善抓耳挠腮？如果是这样的话，《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
^ 收 起　　

　　Web访问方式的不断变化意味着屏幕尺寸和用户体验永远没有上限，响应式Web页面使得页面内容得以适应于现在和将来的设备。
　　学习以“响应和移动优先”方法来构建网站，使其能够轻松地呈现在所有的访问设备之上。通过大量的示例以及对于现代流行技术和语法的详细讲解，《HTML5和CSS3响应式页面设计（第2版 影印版）》可以作为一切“响应式”实现的全面参考资料。
　　《HTML5和CSS3响应式页面设计（第2版 影印版）》涵盖了所有前沿的技术和工具，足以让你实现杰出的响应式设计，确保项目能够经受住未来的考验。
　　目标读者你是否正在编写两个网站：一个用于移动设备，一个用于大尺寸显示器？或者你可能已经实现了自己的响应式网站（响应式Web设计），但是正在为如何完善抓耳挠腮？如果是这样的话，《HTML5和CSS3响应式页面设计（第2版 影印版）》为你提供了所需要的一切内容，可以帮助你的网站更上一层楼。
　　如果已经学习过HTML和CSS的相关知识自然好，其他你所需要的知识都已经尽在书中了。
　　你将从《HTML5和CSS3响应式页面设计（第2版 影印版）》中学到什么理解什么是响应式设计，为什么它对于现代Web开发至关重要。
　　学习编写简洁、快速、语义化的HTML6标记，理解所有新添加的重要元素。
　　如何使用CSS3的媒体查询为不同的设备应用不同的样式，理解CSS4中出现的新型媒体查询。
　　学习如何根据屏幕尺寸、设备分辨率或者环境载入不同的图像。
　　征服表单！只依靠HTML5标记添加表单验证和有用的界面元素（如日期拣选器和范围滑块）。
　　在响应式设计中加入SVG以提供分辨率无关图像，并学习如何实现动画效果。
^ 收 起