《写给大家看的CSS书(第2版)》介绍了CSS样式设计,主要涵盖利用XHTML为内容定义结构、CSS的工作原理、字体和文本样式、定位元素、基本的页面布局等内容,详细讲述了所有程序员都需要掌握的两种技能:避免重写以前曾经写过的代码和掌握以最经济的方法编写代码。
......(更多)
Charles Wyke-Smith,世界知名的Web技术专家。目前是Benefitfocus.com公司用户体验总监。此前,他曾担任著名媒体eStar.com的Web开发副总裁,富国集团、ESPN等大公司的Web设计顾问。
......(更多)
第1章 XHTML:为内容定义结构
1.1 Web标准
1.1.1 时至今日,仍然会提到IDWIMIE
1.1.2 内容、结构和表现
1.2 时代在改变
1.2.1 过去的方式
1.2.2 未来刚刚开始
1.3 XHTML及编写规则
1.3.1 XHTML——规则
1.3.2 XHTML模板
1.3.3 标记内容
1.3.4 文档流——块级元素和行内元素
1.3.5 文档层次:认识XHTML家族
第2章 CSS的工作原理
2.1 为文档应用样式的3种方式
2.1.1 内联样式
2.1.2 嵌入样式
2.1.3 链接样式
2.2 CSS规则剖析
2.3 编写CSS规则
2.4 在文档层次中对准标签
2.4.1 使用上下文选择符
2.4.2 使用子选择符
2.4.3 添加类和ID
2.4.4 ID简介
2.4.5 ID和类之间的区别
2.4.6 特殊的选择符
2.4.7 选择符小结
2.5 伪类
2.5.1 锚链接的伪类
2.5.2 其他有用的伪类
2.6 伪元素
2.7 继承
2.8 层叠机制
2.8.1 样式的来源
2.8.2 层叠规则
2.9 规则声明
2.9.1 数字值
2.9.2 颜色值
第3章 字体和文本样式
3.1 在CSS中指定字体
3.2 探索字体系列
3.2.1 使用嵌入样式(仅现在)
3.2.2 为整个页面设置字体系列
3.3 设置字体大小
3.4 字体属性
3.4.1 font-style属性
3.4.2 font-weight属性
3.4.3 font-variant属性
3.4.4 字体属性的简写方式
3.5 文本属性
3.5.1 text-indent属性
3.5.2 letter-spacing属性
3.5.3 word-spacing属性
3.5.4 text-decoration属性
3.5.5 text-align属性
3.5.6 line-height属性
3.5.7 text-transform属性
3.5.8 vertical-align属性
3.6 使用字体和文本属性
第4章 定位元素
4.1 理解盒模型
4.1.1 盒子的边框
4.1.2 盒子的内边距
4.1.3 盒子的外边距
4.1.4 折叠外边距
4.2 盒子到底有多大
4.3 浮动和清除
4.3.1 float属性
4.3.2 clear属性
4.4 position属性
4.4.1 静态(static)定位
4.4.2 相对(relative)定位
4.4.3 绝对(absolute)定位
4.4.4 固定(fixed)定位
4.4.5 定位环境
4.5 display属性
4.6 使用position/display属性的例子
第5章 基本的页面布局
5.1 有代表性的多栏布局
5.2 本书CSS库——Stylib简介
5.3 宽度问题
5.4 浮动布局与绝对定位布局
5.4.1 简单的两栏式固定宽度布局
5.4.2 理解内部div
5.4.3 防止不必要的溢出
5.4.4 按照需要为内部div添加样式
5.4.5 为文本添加样式
5.5 简单的两栏流动式布局
5.5.1 使用一点限制
5.5.2 浮动还是不要浮动
5.6 三栏式固定宽度布局
5.7 三栏流动式布局
5.8 设计长度相同的分栏
5.8.1 人造分栏
5.8.2 以编程方式扩展分栏(并添加圆角)
5.9 绝对定位的布局
第6章 设计界面组件
6.1 为表格添加样式
6.2 为表单添加样式
6.2.1 表单的工作原理
6.2.2 表单的标记
6.2.3 表单的样式
6.3 为列表和菜单添加样式
6.3.1 列表
6.3.2 创建基于CSS的菜单
第7章 构建网页
7.1 本书网站简介
7.2 设置文件夹结构
7.3 创建站点结构
7.3.1 从库中复制必要的CSS文件
7.3.2 @import规则
7.3.3 与文本和颜色有关的样式表
7.3.4 页面中的标记
7.3.5 背景图像
7.3.6 下拉菜单
7.3.7 透明的侧边栏面板
7.3.8 添加注册表单
7.3.9 文本样式
7.4 结束语
附录A XHTML标签参考
附录B CSS属性参考
......(更多)
说到这,相信你就能理解为什么块级元素始终会占一行了。对了,就是因为它们始终会保持与浏览器窗口同宽。这样一来,一个块级元素旁边也就没有空间容纳另一个块级元素了。
......(更多)