1.CSS3指引你创建看起来专业的Web网站,适合处于各种技术水平的读者。
2.从基础开始:编写CSS3友好的HTML代码,包括现在浏览器能识别的HTM5标签。
3.应用真实设计:格式化文本、创建导航工具、利用图片提升页面质量。
4.创建活力页面:创建能够吸引眼球的动画、给参观者展现具有吸引力的表格和表单。
5.控制页面布局:使用例如浮动、定位等专业技术控制页面布局。
6.任何设备可读:设计良好的Web站点可以适应台式电脑、平板电脑以及移动终端上的各种浏览器。
7.获取高级技术:使用CSS3使工作更加有效和高效,并确保Web页面在打印出来后看起来也更漂亮。
本书从为CSS重新思考HTML介绍基本的CSS 知识开始,到建立用于打印网页的CSS和改进你的CSS 习惯的实践,将关于CSS 的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、CSS 动画之transform、transition 和animation属性、响应式Web 设计、定位网页上的元素及用于打印网页的CSS 等技术通过逐步的讲解与教程串联了起来。每一章内容从简单到复杂,一步一步地建立起一个完整的教程示例,并在每章都会详细讨论一些技巧、实践和各浏览器之间一致性的兼容问题及如何进行修复,且给出实际的解决办法来创建好的展现效果的页面,在各章节的最后还给出了相应教程的详细操作步骤。本书介绍了新的CSS3 特性及常见问题,最后还提供了完整的CSS 属性参考,以及书中提到的相关CSS 资源列表。
前言
第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资源
索引