精通CSS：高级Web标准解决方案（第2版）

by [英]巴德，[英]科利森，[英]莫尔 陈剑瓯

《精通CSS·高级Web标准解决方案》将有用的CSS技术汇总在一起，还总结了CSS设计中的极具实践，讨论了解决各种实际问题的技术，填补了一直以来CSS图书的空白。CSS作为Web标准的一部分，已经成为现代网页设计中必不可少的关键要素。CSS看似简单，但真正精通CSS绝非易事。在使用CSS开发网站时，会遇到形形色色的浏览器bug和不一致问题，而解决方案又五花八门，往往让使用者感觉千头万绪，不知从何着手。作为新的升级版，《精通CSS·高级Web标准解决方案》淘汰了过时的内容，补充了大量CSS领域的新技术，涵盖了CSS3和HTML5，无愧于Web设计人员必读的经典著作。第1章基础知识1.1设计代码的结构大多数人不关心建筑物的地基。但是，如果没有坚固的地基，建筑物的主体也就不会存在了。虽然本书讨论的是高级的CSS技术，但是如果没有结构良好且有效的HTML文档，那么我们要做的许多事情都是不可能实现的（至少实现起来非常困难）。在本节中，你将明白为什么结构良好且有意义的HTML文档在基于标准的CSS开发中非常重要，还将学习如何丰富文档的意义，从而让自己的开发工作更轻松。1.1.1标记简史早期的Web仅仅是一系列相互链接的研究文档，使用HTML添加基本的格式和结构。但是，随着万维网的流行，HTML开始用来表现页面。人们结合使用字体和粗体标签来创建所需的视觉效果，而不只是用标题元素突出显示页面的标题。表格成了一种布局工具而不是显示数据的方式，人们使用块引用（blockquote）来添加空白而不是表示引用。Web很快就含义不清，成了字体和表格标签的大杂烩。Web设计者把这样的标记称为“标签汤”（见图1-1）。网页变得越来越具表现力，代码却变得越来越难以理解和维护了。WTSKWYG（所见即所得）编辑器让设计者可以摆脱这些复杂性，它宣称可以提供全新的图形布局环境。遗憾的是，这些工具并没有使事情简化，反而添加了它们自己的复杂标记。使用FrontPage或Dreamweaver等编辑器能够通过简单的鼠标操作构建复杂的表格布局，但是嵌套的表格和“分隔线GIF”把代码弄得非常混乱。......第1章基础知识1.1设计代码的结构1.1.1标记简史1.1.2文档类型、DOCTYPE切换和浏览器模式1.1.3有效性验证1.2小结第2章为样式找到应用目标2.1常用的选择器2.2通用选择器2.3高级选择器2.3.1子选择器和相邻同胞选择器2.3.2属性选择器2.3.3层叠和特殊性2.3.4继承2.4规划、组织和维护样式表2.4.1对文档应用样式2.4.2样式指南2.5小结第3章可视化格式模型3.1盒模型概述3.1.1IE和盒模型3.1.2外边距叠加3.2定位概述3.2.1视觉格式化模型3.2.2相对定位3.2.3绝对定位3.2.4浮动3.3小结第4章背景图像效果4.1背景图像基础4.2圆角框4.2.1固定宽度的圆角框4.2.2山顶角4.3投影4.3.1简单的CSS投影4.3.2来自Clagnut的投影方法4.4不透明度4.5图像替换4.5.1FIR4.5.2Phark4.5.3sIFR4.6小结第5章对链接应用样式5.1简单的链接样式5.2让下划线更有趣5.

Paperback

First published January 1, 2010