CSS是现代Web开发和设计中必不可缺的一种技术。它与HTML、JavaScript/DOM分别负责网页的表现、结构和行为,共同构成了Web标准的三大支柱。本书是最受推崇的CSS入门图书之一。本书从实践出发,涵盖了最新的Web标准和当代Web设计实践,并在有针对性地探讨了CSS的核心概念之后,很快转到如何为网页的各个部分添加样式,然后从一个专业Web设计师的角度考虑布局及其他Web设计中会碰到的各种问题,并专门介绍了许多专家级技术和诀窍,最后用一个案例分析综合运用己学技术,使你体会如何用纯正地道的CSS使网站变得生动,让你大开眼界!书后的CSS参考对于有经验的Web开发人员也颇具参考价值。阅读本书,你可以很快对CSS融会贯通,成为专业的Web和开发人员。
本书是优秀的CSS入门书,重点讲述了如何使用CSS实现基于Web标准的网站开发,实现网站内容和表现相分离。
本书包括两部分。第一部分介绍了CSS的基础知识和基本概念,再利用CSS分别对网页创建中的一些基本元素加上样式,包括:文本、图像、列表、链接、表格、表单等。第二部分主要讨论了基于CSS来实现网页基本布局的相关概念与技术,包括浮动、流体布局等。本书最后还给出了一个真实的案例,将本书的所有内容进行了综合讨论。
本书适合于各层次Web开发人员、设计人员和测试人员学习参考。
内容提要
版权声明
译者序
序
前言
第一部分 了解CSS
第1章 入门
1.1 将CSS应用到(X)HTML
1.1.1 准备基本的(X)HTML模板
1.1.2 内联样式
1.1.3 内嵌样式
1.1.4 外部样式
1.1.5 导入和组合样式
1.1.6 打印样式表
1.1.7 其他样式表
1.2 维护和组织样式表
1.2.1 多个目录
1.2.2 多样式表
1.2.3 在其他的设备上使用屏幕样式表
1.3 高效的CSS语法
1.3.1 定义一个样式
1.3.2 注释
1.3.3 为规則加上标志
1.3.4 为了清晰,使用缩进
1.4 准备好继续进行
第2章 CSS核心概念
2.1 ID与类
2.1.1 ID
2.1.2 类
2.2 使用层叠
2.2.1 利用不同的应用方法实现层叠
2.2.2 通过多个外部样式表层叠
2.2.3 通过导入样式表实施层叠
2.2.4 层次的最底层
2.2.5 小心使用层叠
2.3 分组
2.4 继承
2.4.1 父元素与子元素
2.4.2 继承的工作原理
2.4.3 从body继承
2.4.4 提醒
2.5 上下文选择器
2.6 CSS度量
2.6.1 绝对度量
2.6.2 相对度量
2.6.3 像素
2.6.4 百分比
2.6.5 em
2.7 小结
第3章 CSS构造块
3.1 div
3.1.1 添加div
3.1.2 添加子div
3.1.3 div和上下文选择器
3.2 维度:宽度和高度
3.3 外边距
3.3.1 外边距声明
3.3.2 用marqin:auto将元素居中
3.4 内边距
3.4.1 内边距声明
3.4.2 内边距缩写
3.5 外边距、内边距和主体
3.6 边框
3.6.1 边框属性
3.6.2 让边框变得明显
3.7 小结
第4章 文本
4.1 为什么文本如此重要
4.1.1 通过适当的字体来表达网页的风格
4.1.2 清晰字体平滑
4.2 基本字体属性
4.2.1 设定字体
4.2.2 字体声明缩写
4.3 可用字体
4.3.1 Web安全字体
4.3.2有趣的替代字体
4.3.3 谨慎使用字体
4.4 默认的浏览器显示
4.5 应用样式
4.5.1 定义样式表
4.5.2 body声明
4.6 请务必使用line-height属性
4.6.1 用百分比设置line-height
4.6.2 其他line-height值
4.7 line-spacing属性
4.8 其他的关键字体属性
4.8.1 font-weight
4.8.2 font-style
4.8.3 font-variant
4.8.4 text-tLansfoLm
4.8.5 几种字体属性的组合
4.8.6 更多字体声明缩写
4.9 灵活处理文本
4.9.1 引用
4.9.2 段落缩进
4.9.3 首字下沉
4.10 愿字体与你同在
第5章 颜色、背景与图像
5.1 颜色简史
5.1.1 Web安全是首位的吗
5.1.2 设定颜色
5.1.3 使用17种具名颜色
5.1.4 我们一定要使用Web安全吗
5.1.5 为你的设计选定一个调色板
5.2 文本颜色
5.3 背景色
5.3.1 在文本上添加背景色
5.3.2 为标题添加背景色
5.3.3 为其他元素添加背景
5.4 背景的图像格式
5.4.1 GIF
5.4.2 JPEG
5.4.3 PNG
5.4.4 小结
5.5 背景图像
5.5.1 明智地使用背景图像
5.5.2 准备好模板和样式表
5.5.3 设定背景图像
5.5.4 重复
5.5.5 定位
5.5.6 粘连
5.5.7 背景缩写
5.6 小结
第6章 列表
6.1 为什么要采用列表
6.2 无序列表
6.2.1 基本列表CSS
6.2.2 以背景图像作为列表项目符
6.2.3 内联列表
6.2.4 用ID控制
6.2.5 用类对列表项进行分组
6.2.6 嵌套列表
6.3 用于导航的列表
6.4 有序列表
6.4.1 控制有序列表
6.4.2 创建自定义数字
6.4.3 用特定类声明数字
6.4.4 装饰有序列表
6.5 小结
第7章 链接
7.1 链接标记
7.2 默认链接样式
7.3 简单CSS规则
7.3.1 建立模板
7.3.2 改变链接颜色
7.3.3 关于顺序的一点提示:LoVe HAte
7.4 其他有用的链接属性
7.4.1 文本修饰
7.4.2 为链接加上边框
7.4.3 用背景图像添加记号
7.5 利用派生选择器来影响链接
7.6 利用链接来转换导航栏
7.6.1 准备一个模板
7.6.2 定义所有共享的链接声明和可点击区域
7.6.3 定义背景色
7.6.4 突出当前页面
7.7 小结
第8章 表格和定义列表
8.1 表格
8.1.1 关于可访问性的一点说明
8.1.2 表格是用来干什么的
8.1.3 常用表格
8.1.4 border-collapse
8.1.5 自定义元素
8.2 定义列表
8.2.1 定义列表标记
8.2.2 定义列表中的列表
8.2.3 小心使用定义列表
8.2.4 推荐阅读
8.3 小结,
第9章 表单
9.1 标记回顾
9.1.1 表单元素
9.1.2 提高可访问性
9.1.3 使用ID
9.2 通过浏览器呈现表单元素
9.3 表单样式基础
9.3.1 准备一个文件和样式表
9.3.2 表单CSS块完成了
9.4 3种方法
9.4.1 关于每一个例子
9.4.2 基于表格的表单
9.4.3 段落和换行元素布局
9.4.4 定义列表布局
9.5 哪一种方法更好
9.6 小结
第二部分 逻辑布局
第10章 布局基础
10.1 浮动和清理
10.1.1 float属性
10.1.2 浮动图像
10.1.3 清理浮动
10.1.4 清理浮动图像
10.2 定位
10.2.1 基本定位属性和值
10.2.2 记住这一点
10.3 小结
第11章 经典布局
11.1 布局类型
11.1.1 固定宽度布局
11.1.2 流体布局
11.1.3 弹性布局
11.1.4 可变固定宽度
11.2 准备工作
11.3 流体浮动两列布局
11.3.1 报头和页脚
11.3.2 浮动边栏
11.3.3 流体左浮动、右浮动
11.4 流体浮动三列布局
11.5 流体定位两列布局
11.5.1 高度很重要
11.5.2 页脚问题
11.6 流体定位三列布局
11.7 固定宽度布局
11.7.1 框模型
11.7.2 固定以及浮动三列布局
11.8 小结
第12章 布局操作
12.1 用上下文选择器切换布局
12.1.1 准备工作
12.1.2 body
12.2 伪列
12.2.1 准备工作
12.2.2 框模型又如何呢
12.2.3 流体伪列
12.3 小结
第13章 由布局到模板之旅
13.1 报头
13.1.1 基本报头
13.1.2 Content右浮动(搜索工具)
13.2 标题
13.3 导航栏
13.4 漂亮的页脚
13.4.1 特殊页脚
13.4.2 action-packed页脚
13.5 小结
第14章 提高可用性和可访问性
14.1 指导原则和法规
14.1.1 网站内容可访问性指南
14.1.2 508款
14.2 用户样式表
14.2.1 1important
14.2.2 继承
14.3 更有帮助
14.4 特定样式表
14.4.1 打印样式表
14.4.2 可移动设备/手持设备样式表
14.5 小结
第15章 技巧、窍门和问题
15.1 轮换图像
15.1.1 过去的情况
15.1.2 (X)HTML
15.1.3 图像
15.1.4 CSS
15.2 overflow属性
15.3 组合类
15.4 hack和滤镜
15.4.1 安全hack
15.4.2 即将面世的IE 7
15.5 解决问题
15.5.1 常见问题
15.5.2 建议
15.6 小结
第16章 案例分析:The Dead Goods
16.1 案例分析
16.2 整个过程
16.2.1 设计
16.2.2 内容
16.2.3 表现
16.3 准备工作
16.4 为布局加上线框
16.4.1 主体
16.4.2 容器
16.4.3 报头
16.4.4 列
16.4.5 页脚
16.4.6 有组织曲布局
16.5 使用背景
16.5.1 报头背景
16.5.2 边栏背景
16.5.3 主列背景
16.5.4 页脚背景
16.5.5 页面背景
16.5.6 背景设置大功告成
16.6 文本处理
16.6.1 回到主体处理
16.6.2 标题
16.6.3 列文本
16.7 最后的冲刺
16.7.1 把logo作为主页链接
16.7.2 主导航栏
16.7.3 登录表单
16.7.4 页脚内容
16.8 结束
16.9 本书结束
附录 CSS参考
索引