CSS3秘笈

前言

第1部分 CSS基础知识

第1章 CSS需要的HTML

HTML的过去与现在

为CSS编写HTML

doctype（文档类型）的重要性

请确保使用最新版的Internet Explorer

第2章 创建样式和样式表

样式剖析

解读样式表

内部样式表

外部样式表

教程：创建第一个样式

第3章 选择器：明确设置哪些样式

标签选择器：整体控制

类选择器：精确控制

ID选择器：控制特殊的网页元素

给标签组定义样式

给标签内的标签定义样式

伪类和伪元素

属性选择器

子选择器

同胞选择器

：not（）选择器

教程：选择器模型

第4章 用样式继承节省时间

什么是继承

继承如何简化样式表

继承的局限性

教程：继承

第5章 用层叠管理多样式

样式如何层叠

用权重值决定哪种样式胜出

控制层叠

教程：层叠实例

第2部分 CSS实用技术

第6章 文本格式化

使用字体

使用Web字体

Google的Web字体探秘

如何给文本添加颜色

如何修改字号

如何格式化词语和字母

如何给文本添加阴影

如何格式化整个段落

如何给列表定义样式

教程：文本格式化实例

第7章 margin、padding 和 border

理解盒模型

用margin和padding控制空间

添加边框

设置背景色

创建圆角

添加阴影

确定高度和宽度

用浮动元素包围内容

教程：margin、background 和 border

第8章 给网页添加图片

CSS 和＜img＞标签

添加背景图片

控制重复

定位背景图片

利用background快捷属性

使用多个背景图片

使用渐变色背景

用Colorzilla轻松创建渐变

教程：美化图片

教程：创建相册

教程：使用背景图片

第9章 装饰网站导航

选择要定义样式的链接

给链接定义样式

创建导航栏

CSS 式的预载替换法

给特殊的链接类型定义样式

教程：给链接定义样式

教程：创建导航栏

第10章 CSS的transform、transition和animation属性

transform

transition

animation

教程

第11章 表格和表单的格式化

让表格专司其职

给表格定义样式

给表单定义样式

教程：给表格定义样式

教程：给表单定义样式

第3部分 CSS页面布局

第12章 CSS 布局简介

网页布局的类型

如何进行CSS布局

布局策略

第13章 构建基于浮动的布局

用浮动进行布局

克服浮动问题

教程：多列的布局

第14章 响应式Web设计

响应式Web设计基础知识

为RWD构建网页

媒体查询

弹性网格

流式图片

响应式Web设计教程

第15章 定位网页上的元素

定位属性的功能

强大的定位策略

教程：定位网页元素

第4部分 CSS高级技术

第16章 设计打印页面的CSS技术

Media样式表的作用

如何添加 Media 样式表

创建打印样式表

教程：创建打印样式表

第17章 改正CSS设计习惯

添加注释

组织样式和样式表

消除浏览器的样式冲突

使用派生选择器

给Internet Explorer尝试不同的CSS

第5部分 附录

附录A CSS属性参考

附录B CSS资源

索引

本书从为CSS重新思考HTML介绍基本的CSS 知识开始，到建立用于打印网页的CSS和改进你的CSS 习惯的实践，将关于CSS 的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、CSS 动画之transform、transition 和animation属性、响应式Web 设计、定位网页上的元素及用于打印网页的CSS 等技术通过逐步的讲解与教程串联了起来。每一章内容从简单到复杂，一步一步地建立起一个完整的教程示例，并在每章都会详细讨论一些技巧、实践和各浏览器之间一致性的兼容问题及如何进行修复，且给出实际的解决办法来创建好的展现效果的页面，在各章节的最后还给出了相应教程的详细操作步骤。本书介绍了新的CSS3 特性及常见问题，最后还提供了完整的CSS 属性参考，以及书中提到的相关CSS 资源列表。

1.CSS3指引你创建看起来专业的Web网站，适合处于各种技术水平的读者。
2.从基础开始：编写CSS3友好的HTML代码，包括现在浏览器能识别的HTM5标签。
3.应用真实设计：格式化文本、创建导航工具、利用图片提升页面质量。
4.创建活力页面：创建能够吸引眼球的动画、给参观者展现具有吸引力的表格和表单。
5.控制页面布局：使用例如浮动、定位等专业技术控制页面布局。
6.任何设备可读：设计良好的Web站点可以适应台式电脑、平板电脑以及移动终端上的各种浏览器。
7.获取高级技术：使用CSS3使工作更加有效和高效，并确保Web页面在打印出来后看起来也更漂亮。