图书信息我要评论 查看评论
内容介绍: 【展开】
本书将最有用的CSS技术汇总在一起，在介绍基本的CSS概念和最佳实践之后，讨论了核心的CSS技术，例如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章内容由浅入深，直到建立比较复杂的示例。之后本书用两章讨论招数、过滤器、bug和bug修复，最后由Simon Collison和Cameron Moll两位杰出的CSS设计人员，将书中讨论的许多技术组合起来，给出了两个实例研究。本书还集中介绍了现实的浏览器问题，是弥补CSS知识欠缺不可或缺的参考书。
本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。
作者简介：
Andy Budd国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com)的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。
目录：
第1章 基础知识
1.1 设计代码的结构
1.1.1 使用有意义的标记
1.1.2 文档类型、DOCTYPE切换和浏览器模式
1.2 为样式找到目标
1.2.1 常用的选择器
1.2.2 通用选择器
1.2.3 高级选择器
1.2.4 层叠和特殊性
1.2.5 继承
1.3 规划、组织和维护样式表
1.3.1 对文档应用样式
1.3.2 对代码进行注释
1.3.3 样式指南
1.3.4 组织样式表以便简化维护
1.4 小结
第2章 可视化格式模型
2.1 框模型概述
2.1.1 IE/Win和框模型
2.1.2 空白边叠加
2.2 定位概述
2.2.1 视觉格式化模型
2.2.2 相对定位
2.2.3 绝对定位
2.2.4 浮动
2.3 小结
第3章 背景图像和图像替换
3.1 背景图像基础
3.2 圆角框
3.2.1 固定宽度的圆角框
3.2.2 山顶角
3.3 阴影
3.3.1 简单的CSS阴影
3.3.2 来自Clagnut的阴影方法
3.3.3 模糊阴影
3.3.4 洋葱皮阴影
3.4 图像替换
3.4.1 FIR
3.4.2 Phark
3.4.3 Gilder/Levin方法
3.4.4 IFR与sIFR
3.5 小结
第4章 对链接应用样式
4.1 简单的链接样式
4.2 让下划线更有趣
4.3 突出显示不同类型的链接
4.4 创建按钮和翻转
4.4.1 简单的翻转
4.4.2 具有图像的翻转
4.4.3 Pixy样式的翻转
4.5 已访问链接样式
4.6 纯CSS工具提示
4.7 小结
第5章 对列表应用样式和创建导航条
5.1 基本列表样式
5.2 创建垂直导航条
5.3 在导航条中突出显示当前页面
5.4 创建水平导航条
5.5 简化的“滑动门”标签页式导航
5.6 CSS图像映射
5.7 远距离翻转
5.8 对于定义列表的简短说明
5.9 小结
第6章 对表单和数据表格应用样式
6.1 对数据表格应用样式
6.1.1 表格特有的元素
6.1.2 数据表格标记
6.1.3 对表格应用样式
6.1.4 添加视觉样式
6.1.5 添加其他样式
6.2 简单的表单布局
6.2.1 有用的表单元素
6.2.2 基本布局
6.2.3 其他元素
6.2.4 修饰
6.3 复杂的表单布局
6.3.1 可访问的数据输入元素
6.3.2 多列复选框
6.3.3 表单反馈
6.4 小结
第7章 布局
7.1 让设计居中
7.1.1 使用自动空白边让设计居中
7.1.2 使用定位和负值空白边让设计居中
7.2 基于浮动的布局
7.2.1 两列的浮动布局
7.2.2 三列的浮动布局
7.3 固定宽度、流体和弹性布局
7.3.1 流体布局
7.3.2 弹性布局
7.3.3 弹性-流体混合布局
7.3.4 流体和弹性图像
7.4 faux列
7.5 小结
第8章 招数和过滤器
8.1 招数和过滤器简介
8.1.1 关于招数和过滤器的一个警告
8.1.2 明智地使用招数
8.2 过滤单独的样式表
8.2.1 IE的有条件注释
8.2.2 带通过滤器
8.3 过滤单独的规则和声明
8.3.1 子选择器招数
8.3.2 属性选择器招数
8.3.3 星号HTML招数
8.3.4 IE/Mac注释反斜线招数
8.3.5 转义属性招数
8.3.6 Tantek的框模型招数
8.3.7 修改后的简化框模型招数
8.3.8 !important和下划线招数
8.3.9 Owen招数
8.4 小结
第9章 bug和bug修复
9.1 bug捕捉
9.2 bug捕捉的基本知识
9.2.1 隔离问题
9.2.2 创建基本测试案例
9.2.3 修复问题，而不是修复症状
9.2.4 请求帮助
9.3 拥有布局
9.3.1 什么是布局
9.3.2 布局有什么效果？
9.4 常见bug及其修复方法
9.4.1 双空白边浮动bug
9.4.2 3像素文本偏移bug
9.4.3 IE 6重复字符bug
9.4.4 IE 6躲躲猫bug
9.4.5 相对容器中的绝对定位
9.4.6 停止对IE的批评
9.5 小结
实例研究1 More Than Doodles
CS1.1 关于这个实例研究
CS1.2 用后代选择器控制内容区域
CS1.2.1 XHTML
CS1.2.2 三列布局
CS1.2.3 两列布局
CS1.2.4 单列布局
CS1.2.5 隐藏不需要的列
CS1.3 对列进行浮动
CS1.3.1 计算
CS1.3.2 将列浮动到正确的位置
CS1.4 根据主体类突出显示当前页面
CS1.5 列的drop-in框
CS1.6 直角和圆角——自己决定
CS1.6.1 一般的直角
CS1.6.2 为特殊效果做准备
CS1.7 透明的定制角和边框
CS1.7.1 图像
CS1.7.2 CSS
CS1.8 使用类组合来确定操作目标
CS1.9 使用图像类和例外
CS1.9.1 默认图像
CS1.9.2 拥有的图像
CS1.9.3 比较大的图像
CS1.10 处理链接
CS1.10.1 了解边栏链接
CS1.10.2 带符号的已访问链接
CS1.10.3 突出显示外部链接
CS1.11 浮动的阴影（图库）
CS1.11.1 形成阴影
CS1.11.2 对图像进行浮动
CS1.12 小结
实例研究2 Tuscany Luxury Resorts
CS2.1 关于这个实例研究
CS2.2 流体布局
CS2.2.1 主体和容器
CS2.2.2 报头
CS2.2.3 内容和边栏
CS2.2.4 页脚
CS2.2.5 解决流体布局的问题
CS2.3 使用绝对定位对准元素
CS2.3.1 位置属性（top、bottom、left、right）
CS2.3.2 堆放次序（z-index）
CS2.4 背景图像技术
CS2.4.1 将上半部分分成三份
CS2.4.2 使背景“无懈可击”
CS2.5 图像替换
CS2.5.1 徽标图像替换
CS2.5.2 首字母大写图像替换
CS2.6 流体图像
CS2.7 为多个元素使用一个列表项
CS2.8 小结
本书适合具有(X)HTML和CSS基本知识的任何网页设计人员阅读。
作者简介：
Andy Budd国际顶尖的网页设计师，著名的Web标准倡导者。他是网页设计咨询公司Clearleft（www.clearleft.com)的创意总监,曾经组织了英国首届Web2.0会议。他在Web设计方面著述甚丰，除本书外，他还曾经撰写了一本Blog设计方面的图书。
目录：
第1章 基础知识
1.1 设计代码的结构
1.1.1 使用有意义的标记
1.1.2 文档类型、DOCTYPE切换和浏览器模式
1.2 为样式找到目标
1.2.1 常用的选择器
1.2.2 通用选择器
1.2.3 高级选择器
1.2.4 层叠和特殊性
1.2.5 继承
1.3 规划、组织和维护样式表
1.3.1 对文档应用样式
1.3.2 对代码进行注释
1.3.3 样式指南
1.3.4 组织样式表以便简化维护
1.4 小结
第2章 可视化格式模型
2.1 框模型概述
2.1.1 IE/Win和框模型
2.1.2 空白边叠加
2.2 定位概述
2.2.1 视觉格式化模型
2.2.2 相对定位
2.2.3 绝对定位
2.2.4 浮动
2.3 小结
第3章 背景图像和图像替换
3.1 背景图像基础
3.2 圆角框
3.2.1 固定宽度的圆角框
3.2.2 山顶角
3.3 阴影
3.3.1 简单的CSS阴影
3.3.2 来自Clagnut的阴影方法
3.3.3 模糊阴影
3.3.4 洋葱皮阴影
3.4 图像替换
3.4.1 FIR
3.4.2 Phark
3.4.3 Gilder/Levin方法
3.4.4 IFR与sIFR
3.5 小结
第4章 对链接应用样式
4.1 简单的链接样式
4.2 让下划线更有趣
4.3 突出显示不同类型的链接
4.4 创建按钮和翻转
4.4.1 简单的翻转
4.4.2 具有图像的翻转
4.4.3 Pixy样式的翻转
4.5 已访问链接样式
4.6 纯CSS工具提示
4.7 小结
第5章 对列表应用样式和创建导航条
5.1 基本列表样式
5.2 创建垂直导航条
5.3 在导航条中突出显示当前页面
5.4 创建水平导航条
5.5 简化的“滑动门”标签页式导航
5.6 CSS图像映射
5.7 远距离翻转
5.8 对于定义列表的简短说明
5.9 小结
第6章 对表单和数据表格应用样式
6.1 对数据表格应用样式
6.1.1 表格特有的元素
6.1.2 数据表格标记
6.1.3 对表格应用样式
6.1.4 添加视觉样式
6.1.5 添加其他样式
6.2 简单的表单布局
6.2.1 有用的表单元素
6.2.2 基本布局
6.2.3 其他元素
6.2.4 修饰
6.3 复杂的表单布局
6.3.1 可访问的数据输入元素
6.3.2 多列复选框
6.3.3 表单反馈
6.4 小结
第7章 布局
7.1 让设计居中
7.1.1 使用自动空白边让设计居中
7.1.2 使用定位和负值空白边让设计居中
7.2 基于浮动的布局
7.2.1 两列的浮动布局
7.2.2 三列的浮动布局
7.3 固定宽度、流体和弹性布局
7.3.1 流体布局
7.3.2 弹性布局
7.3.3 弹性-流体混合布局
7.3.4 流体和弹性图像
7.4 faux列
7.5 小结
第8章 招数和过滤器
8.1 招数和过滤器简介
8.1.1 关于招数和过滤器的一个警告
8.1.2 明智地使用招数
8.2 过滤单独的样式表
8.2.1 IE的有条件注释
8.2.2 带通过滤器
8.3 过滤单独的规则和声明
8.3.1 子选择器招数
8.3.2 属性选择器招数
8.3.3 星号HTML招数
8.3.4 IE/Mac注释反斜线招数
8.3.5 转义属性招数
8.3.6 Tantek的框模型招数
8.3.7 修改后的简化框模型招数
8.3.8 !important和下划线招数
8.3.9 Owen招数
8.4 小结
第9章 bug和bug修复
9.1 bug捕捉
9.2 bug捕捉的基本知识
9.2.1 隔离问题
9.2.2 创建基本测试案例
9.2.3 修复问题，而不是修复症状
9.2.4 请求帮助
9.3 拥有布局
9.3.1 什么是布局
9.3.2 布局有什么效果？
9.4 常见bug及其修复方法
9.4.1 双空白边浮动bug
9.4.2 3像素文本偏移bug
9.4.3 IE 6重复字符bug
9.4.4 IE 6躲躲猫bug
9.4.5 相对容器中的绝对定位
9.4.6 停止对IE的批评
9.5 小结
实例研究1 More Than Doodles
CS1.1 关于这个实例研究
CS1.2 用后代选择器控制内容区域
CS1.2.1 XHTML
CS1.2.2 三列布局
CS1.2.3 两列布局
CS1.2.4 单列布局
CS1.2.5 隐藏不需要的列
CS1.3 对列进行浮动
CS1.3.1 计算
CS1.3.2 将列浮动到正确的位置
CS1.4 根据主体类突出显示当前页面
CS1.5 列的drop-in框
CS1.6 直角和圆角——自己决定
CS1.6.1 一般的直角
CS1.6.2 为特殊效果做准备
CS1.7 透明的定制角和边框
CS1.7.1 图像
CS1.7.2 CSS
CS1.8 使用类组合来确定操作目标
CS1.9 使用图像类和例外
CS1.9.1 默认图像
CS1.9.2 拥有的图像
CS1.9.3 比较大的图像
CS1.10 处理链接
CS1.10.1 了解边栏链接
CS1.10.2 带符号的已访问链接
CS1.10.3 突出显示外部链接
CS1.11 浮动的阴影（图库）
CS1.11.1 形成阴影
CS1.11.2 对图像进行浮动
CS1.12 小结
实例研究2 Tuscany Luxury Resorts
CS2.1 关于这个实例研究
CS2.2 流体布局
CS2.2.1 主体和容器
CS2.2.2 报头
CS2.2.3 内容和边栏
CS2.2.4 页脚
CS2.2.5 解决流体布局的问题
CS2.3 使用绝对定位对准元素
CS2.3.1 位置属性（top、bottom、left、right）
CS2.3.2 堆放次序（z-index）
CS2.4 背景图像技术
CS2.4.1 将上半部分分成三份
CS2.4.2 使背景“无懈可击”
CS2.5 图像替换
CS2.5.1 徽标图像替换
CS2.5.2 首字母大写图像替换
CS2.6 流体图像
CS2.7 为多个元素使用一个列表项
CS2.8 小结