响应式Web设计:HTML5和CSS3实践.pdf
本书内容第 1 章,HTML5、CSS3 和响应式设计入门,定义了什么是响应式网页设计,展示了一些响应式设计网站的示例,并强调了使用 HTML5 和 CSS3 的优势。
首先?媒体查询:支持不同的视口一章解释了媒体查询是什么,如何实现它们,以及如何将 CSS 样式与设备功能相匹配并将它们应用于任何设计。
第 3 章,拥抱流体布局,解释了流体布局的好处,如何轻松地将现有的固定宽度设计转换为流体布局,以及如何使用 CSS 框架快速构建响应式网页。
第 4 章,响应式设计中的 HTML5,探讨了使用 HTML5 技术的许多好处,例如更简洁的代码、语义标签、离线存储以及 Web 应用程序辅助技术的可访问性。
第 5 章,CSS3:选择器、字体和颜色模式,展示了 CSS3 选择器的强大功能,允许您轻松指定和更改任何元素。它还通过@font-face 声明解释了如何使用漂亮的网络字体,以及新的 CSS3 颜色模式,例如 RGB(A) 和 HSL(A)。
第 6 章,用 CSS3 创造令人惊叹的美感,展示了如何使用纯 CSS3 代码实现文本阴影、框阴影和渐变。它还介绍了如何使用多个背景图像以及如何从字体文件创建图标。第 7 章,CSS3 过渡、变换和动画,解释了如何仅使用 CSS3 在屏幕上创建和变换元素,
(Content of this bookChapter 1, introduction to HTML5, CSS3 and responsive design, defines what responsive web design is, shows some examples of responsive design websites, and emphasizes the advantages of using HTML5 and CSS3.first? Media queries: supporting different viewports explains what media queries are, how to implement them, and how to match CSS styles with device functions and apply them to any design.Chapter 3, embracing fluid layout, explains the benefits of fluid layout, how to easily convert existing fixed width designs to fluid layout, and how to use CSS framework to quickly build responsive web pages.Chapter 4, HTML5 in responsive design, discusses many benefits of using HTML5 technology, such as more concise code, semantic tags, offline storage and accessibility of web application assistance technology.Chapter 5, CSS3: selectors, fonts and color patterns, shows the power of CSS3 selectors, allowing you to easily specify and change any element. It also explains how to use beautiful web fonts through the @ font face declaration, as well as new CSS3 color patterns, such as RGB (a) and HSL (a).Chapter 6, creating amazing beauty with CSS3, shows how to use pure CSS3 code to realize text shadow, box shadow and gradient. It also describes how to use multiple background images and how to create icons from font files. Chapter 7, CSS3 transition, transformation and animation, explains how to create and transform elements on the screen using CSS3 only,)
页:
[1]