HTML5和CSS3響應式頁面設計（第2版影印版）

定　價：￥72.00

作　者：	[英] 本·弗雷恩著
出版社：	東南大學出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787564170721	出版時間：	2017-04-01	包裝：	平裝
開本：	16開	頁數(shù)：	286	字數(shù)：

內容簡介

　　Web訪問方式的不斷變化意味著屏幕尺寸和用戶體驗永遠沒有上限，響應式Web頁面使得頁面內容得以適應于現(xiàn)在和將來的設備。學習以“響應和移動優(yōu)先”方法來構建網站，使其能夠輕松地呈現(xiàn)在所有的訪問設備之上。通過大量的示例以及對于現(xiàn)代流行技術和語法的詳細講解，《HTML5和CSS3響應式頁面設計（第2版影印版）》可以作為一切“響應式”實現(xiàn)的全面參考資料?！禜TML5和CSS3響應式頁面設計（第2版影印版）》涵蓋了所有前沿的技術和工具，足以讓你實現(xiàn)杰出的響應式設計，確保項目能夠經受住未來的考驗。目標讀者你是否正在編寫兩個網站：一個用于移動設備，一個用于大尺寸顯示器？或者你可能已經實現(xiàn)了自己的響應式網站（響應式Web設計），但是正在為如何完善抓耳撓腮？如果是這樣的話，《HTML5和CSS3響應式頁面設計（第2版影印版）》為你提供了所需要的一切內容，可以幫助你的網站更上一層樓。如果已經學習過HTML和CSS的相關知識自然好，其他你所需要的知識都已經盡在書中了。你將從《HTML5和CSS3響應式頁面設計（第2版影印版）》中學到什么理解什么是響應式設計，為什么它對于現(xiàn)代Web開發(fā)至關重要。學習編寫簡潔、快速、語義化的HTML6標記，理解所有新添加的重要元素。如何使用CSS3的媒體查詢?yōu)椴煌脑O備應用不同的樣式，理解CSS4中出現(xiàn)的新型媒體查詢。學習如何根據屏幕尺寸、設備分辨率或者環(huán)境載入不同的圖像。征服表單！只依靠HTML5標記添加表單驗證和有用的界面元素（如日期揀選器和范圍滑塊）。在響應式設計中加入SVG以提供分辨率無關圖像，并學習如何實現(xiàn)動畫效果。

作者簡介

暫缺《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