CSS网站布局实录（第2版） PDF 高质量版

内容简介

★国内第1本基于Web标准的CSS布局著作技术增值升级版!

★讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作!

1、知识全面、完美应用
CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。
文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。

2、智能、创造型布局思维
智慧、完美视觉艺术效果之CSS布局技巧、CSSHack实践战略。

3、Web技术团队倾情奉献
来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队。
顶尖Web设计师和Web应用开发人员的完整经验、技术倾囊奉献。

4、国外网站重构经典作品引进、拓展
Web2.0标准与CSS重构技术——国外经典之作结合之典范。

目录

• 第1章Web标准与CSS布局概述
• 1.1Web标准的历史及发展
• 1.1.1什么是Web标准
• 1.1.2Web表现层技术
• 1.1.3Web标准的历史
• 1.2Web标准的构成
• 1.2.1结构（Structure）
• 1.2.2表现（Presentation）
• 1.2.3行为（Behavior）
• 1.3Web标准有什么好处
• 1.4CSS布局与table布局的区别
• 1.4.1CSS2.0的优势
• 1.4.2传统的table布局与CSS布局
• 1.5向Web标准过渡
• 1.5.1从HTML转向XHTML
• 1.5.2发挥CSS2.0的作用
• 1.6常见问题
• 1.6.1什么样的网站才符合Web标准
• 1.6.2使用Web标准之后表格还有用吗
• 1.6.3可以继续使用HTML来设计网页吗
• 1.6.4为什么不直接使用到XML
• 1.6.5学习CSS布局比表格困难吗
• 1.6.6CSS布局是否意味着必须手写代码
• 1.6.7什么叫网站重构
• 1.6.8使用Web标准之后就不再存在兼容性问题了吗
• 1.6.9有没有Web标准方面的优秀图书或网站
• 1.6.10使用CSS设计只能做出简单的网页吗
• 1.7面向现在与未来的设计
• 1.7.1Web标准与Web2.0
• 1.7.2用户体验技术
• 1.7.3用户体验设计的发展趋势
• 第2章XHTML与CSS基础
• 2.1XHTML基础
• 2.2选择合适的DTD
• 2.3选择合适的标签
• 2.4给CSS留下接口
• 2.5良好的XHTML编写习惯
• 2.6CSS语法结构
• 2.6.1CSS属性与选择符
• 2.6.2类型选择符
• 2.6.3群组选择符
• 2.6.4包含选择符
• 2.6.5id及class选择符
• 2.6.6标签指定式选择符
• 2.6.7组合选择符
• 2.6.8伪类及伪对象
• 2.6.9通配选择符
• 2.7CSS数据单位
• 2.8应用CSS到网页中
• 2.8.1行间样式表
• 2.8.2内部样式表
• 2.8.3外部样式表
• 2.9样式优先权问题
• 2.9.1写法优先权
• 2.9.2选择符优先权
• 2.9.3样式继承
• 2.9.4!important语法
• 2.10代码注释
• 2.11CSS开发环境与调试环境
• 第3章CSS网页布局与定位
• 3.1认识div
• 3.1.1div是什么
• 3.1.2如何使用div
• 3.1.3理解div
• 3.1.4并列与嵌套div结构
• 3.1.5使用合适对象来布局
• 3.2一列固定宽度
• 3.3一列宽度自适应
• 3.4二列固定宽度
• 3.5二列宽度自适应
• 3.6两列右列宽度自适应
• 3.7二列固定宽度居中
• 3.8三列浮动中间列宽度自适应
• 3.9高度自适应
• 3.10盒模型详解（.BoxModel）
• 3.10.1什么是盒模型
• 3.10.2盒模型的细节
• 3.10.3上下margin叠加问题
• 3.10.4左右margin加倍问题
• 3.11深入浮动（Float）
• 3.11.1文档流（DocumentFlow）
• 3.11.2浮动定位
• 3.11.3浮动的清理（Clear）
• 3.11.4何时选用浮动定位
• 3.12绝对定位与相对定位
• 3.12.1绝对定位
• 3.12.2相对定位
• 3.12.3何时选用绝对与相对定位
• 第4章CSS网站元素设计
• 4.1用CSS设计网站导航
• 4.1.1横向导航
• 4.1.2纵向导航
• 4.1.3下拉及多级弹出式菜单
• 4.1.4门户网站的导航设计（闪客帝国）
• 4.2背景控制
• 4.2.1背景颜色
• 4.2.2背景图片
• 4.2.3背景定位
• 4.2.4背景滚动
• 4.2.5背景属性缩写
• 4.2.6基于背景控制的导航优化
• 4.3使用列表元素
• 4.3.1ul无序列表
• 4.3.2ol有序列表
• 4.3.3改变项目符号样式
• 4.3.4使用图片自定义项目符号
• 4.3.5使列表变为段落
• 4.3.6列表缩进排版
• 4.3.7复杂列表的排版
• 4.4表单设计
• 4.4.1改变输入框及文本域样式
• 4.4.2改变下拉列表样式
• 4.4.3改变按钮样式
• 4.4.4表单布局设计
• 4.4.5使用label标签提升表单可用性
• 4.4.6表单设计的其他建议
• 4.5字体及段落样式设计
• 4.5.1应用字体样式
• 4.5.2应用段落样式
• 4.6图片样式设计
• 4.6.1图片定位
• 4.6.2图片剪切
• 4.6.3图片替代文本
• 4.6.4Flash替代文本
• 4.7链接样式控制
• 4.7.1链接控制
• 4.7.2CSS按钮
• 4.7.3图片翻转链接
• 4.7.4面包屑导航链接
• 第5章CSS内容排版
• 5.1文字排版
• 5.1.1通栏排版
• 5.1.2分栏排版
• 5.2图文混合排版
• 5.2.1图片基础控制
• 5.2.2不规则文字环绕
• 5.3全图排版
• 5.4表格排版
• 5.4.1充分使用表格标签
• 5.4.2表格样式控制
• 5.4.3表单表格设计
• 第6章CSS高级应用与技巧
• 6.1id与class
• 6.1.1什么是id
• 6.1.2何时使用id
• 6.1.3什么是class
• 6.1.4何地使用class
• 6.1.5同时使用多个类
• 6.1.6id应用与网站结构
• 6.2div与span
• 6.3CSS选择符的命名
• 6.3.1大小写敏感
• 6.3.2合法字符及组合
• 6.3.3命名建议
• 6.4CSS文件结构设计与优化
• 6.4.1导入结构
• 6.4.2结构优化
• 6.5使用CSS缩写
• 6.5.1font字体缩写
• 6.5.2margin与padding边距缩写
• 6.5.3border边框缩写
• 6.5.4list列表缩写
• 6.5.5background背景缩写
• 6.5.6color颜色缩写
• 6.6CSS代码优化
• 6.6.1增加代码重用率
• 6.6.2使用样式覆盖进行简化
• 6.7园角样式设计
• 6.7.1圆角表格
• 6.7.2圆角矩形
• 6.8滑动门技术
• 6.9小提示窗口
• 6.10图像地图
• 6.11垂直居中
• 6.12折叠标签
• 6.13CSS数据图表
• 6.13.1初级样式（进度条）
• 6.13.2复合样式（滑动条）
• 6.13.3柱状图
• 6.14切换样式表（网站换肤）
• 6.15XHTML与CSS校验
• 6.15.1XHTML校验器
• 6.15.2CSS校验器
• 6.16Flash如何符合标准
• 第7章浏览器兼容与解析问题
• 7.1CSShack技术
• 7.1.1如何使用CSShack
• 7.1.2常用CSShack使用方法
• 7.1.3CSShack管理
• 7.2IE条件注释功能
• 7.3盒模型问题
• 7.3.1盒模型hack
• 7.3.2简单盒模型hack方法
• 7.4IE捉迷藏
• 7.5ul的不同表现
• 7.6IE3px问题
• 7.7高度不适应
• 7.8IE6断头台问题
• 7.9容器不扩展问题
• 7.10IE7浏览器的一些变化
• 第8章CSS可视化开发与调试
• 8.1Dreamweaver8的CSS可视化开发
• 8.1.1对CSS支持的界面变化
• 8.1.2可视CSS辅助功能
• 8.1.3浏览器检查及验证标记
• 8.1.4创建CSS布局页面
• 8.2DreamweaverCS3的CSS管理
• 8.3CSS代码调试
• 8.3.1安装FirefoxWebDeveloper
• 8.3.2界面总览
• 8.3.3主要功能
• 8.4WebAccessibiltyToolbar
• 8.4.1安装工具栏
• 8.4.2界面与功能总览
• 第9章CSS布局应用实例解析
• 9.1闪客帝国网站布局设计
• 9.1.1界面设计
• 9.1.2CSS文件结构设计
• 9.1.3首页布局设计
• 9.2Adobe网站CSS分栏设计
• 附录AWeb标准语思录
• A.1Web上的中文排版
• A.2我来说点儿Aiax的事儿
• A.3Web标准的思考
• A.4闪客帝国网站重构访谈
• 附录B相关资源及术语表
• B.1相关网站
• B.2相关书籍
• B.3相关工具
• B.4术语表