CSS、DHTML和Ajax快速上手(原书第4版)(赠品)

.　　2.9　基于上下文定义选择器
　　2.10　基于标签属性定义选择器
　　2.11　使用伪类
　　2.12　使用伪元素
　　2.13　为打印和其他媒介设置样式
　　2.14　为css添加注释
　　2.15　从父对象继承属性
　　2.16　确定层叠顺序
　　2.17　在internet explorer中使用条件注释来完善css
　　2.18　样式表策略
　第3章　字体属性
　　3.1　理解web上的版式
　　3.2　设置字体系列
　　3.3　设置字体尺寸
　　3.4　将文本设置为斜体
　　3.5　设置粗体、更粗字体和最粗字体
　　3.6　创建小型大写字母
　　3.7　设置多个字体值
　第4章　文本属性
　　4.1　调整文本间距
　　4.2　设置文本大小写
　　4.3　添加文本阴影
　　4.4　水平对剂文本
　　4.5　垂直对剂文本
　　4.6　设置段落缩进
　　4.7　控制空白
　　4.8　装饰文本
　　4.9　设置文本方向
　第5章　颜色和背景属性
　　5.1　选择调色板
　　5.2　设置文本颜色和前景色
　　5.3　设置背景色
　　5.4　设置背景图像
　　5.5　设置多重背景值
　第6章　方框属性
　　6.1　理解元素方框
　　6.2　设置元素的显示方式
　　6.3　设置元素的边空
　　6.4　设置元素的边框　
　　6.5　设置元素的轮廓
　　6.6　设置元素的填充区域
　　6.7　设置元素的宽度和高度
　第7章　可视格式化属性
　　7.1　理解窗口和文档
　　7.2　设置定位类型
　　7.3　设置元素的定位
　　7.4　堆栈对象（3d定位）
　　7.5　在窗口中浮动元素
　　7.6　清理浮动的元素
　第8章　可视化效果及用户界面属性
　　8.1　设置元素的可视性
　　8.2　设置元素的可视区域（剪切）
　　8.3　设置溢出内容所在位置
　　8.4　设置元素的不透明度
　　8.5　更改鼠标指针的外观
　　8.6　更改滚动条的外观（仅 ie windows）
　第9章　表格属性
　　9.1　设置表格布局
　　9.2　设置表格单元格间的空间
　　9.3　表格单元格间的折叠边框
　　9.4　处理空单元格
　　9.5　设置表题的位置
　第10章　生成内容和列表属性
　　10.1　使用css添加内容
　　10.2　教浏览器计数
　　10.3　指定引号样式
　　10.4　设置项目符号样式
　　10.5　创建个性化项目符号
　　10.6　设置项目符号的位置
　　10.7　设置多种列表样式
　　10.8　将元素以列表形式显示
第二部分　动态html
　第11章　理解dhtml
　　11.1　动态html定义
　　11.2　dhtml历史
　　11.3　使用dhtml的原因
　　11.4　flash与dhtml
　　11.5　使用dhtml还是flash
　第12章　dhtml基础
　　12.1　dom：web页的线路图
　　12.2　设置对象
　　12.3　理解事件
　　12.4　使用事件处理程序
　　12.5　获取元素
　　12.6　将事件传递给函数
　　12.7　将事件绑定到对象
　　12.8　使用特征检测
　第13章　学习相关的环境知识
　　13.1　检测操作系统
　　13.2　检测浏览器名称
　　13.3　查找页面的位置和标题
　　13.4　测量颜色的数量（位深）
　　13.5　测量屏幕的尺寸　
　　13.6　测量浏览器窗口的尺寸　
　　13.7　测量页面的可视尺寸　
　第14章　学习对象的相关知识
　　14.1　检测点击对象
　　14.2　确定对象的属性
　　14.3　检测对象的位置
　　14.4　查找对象的样式属性值　
　　14.5　查找对象的三维位置　　
　　14.6　查找对象的可视区域
　第15章　学习事件的相关知识
　　15.1　检测发生了哪种事件类型
　　15.2　检测按下了哪个键
　　15.3　检测哪个组合键被按下
　　15.4　检测单击了哪个鼠标按钮
　　15.5　检测鼠标在何处被单击
　第16章　基本动态技术
　　16.1　更改css属性值
　　16.2　显示或隐藏对象
　　16.3　点到点移动对象
　　16.4　以确定的数值移动对象
　　16.5　立体地移动对象
　　16.6　更改对象的可视区域
　　16.7　更改对象的内容
　　16.8　控制帧之间的对象
　第17章　高级动态技术
　　17.1　让函数再次运行
　　17.2　为对象添加动画效果
　　17.3　使用来自表单域中的输入
　　17.4　跟随鼠标指针移动
　　17.5　让对象可拖曳
　　……
第三部分　ajax

.　　本书的读者
　　如果本书的标题吸引了你的注意力，那么或许你已经对Internet最受欢迎的分支——万维网的细节有所了解(或许你也只是一个十分困惑的arachnophile)。要想理解本书的内容，需要熟悉HTML(Hypertext Markup Language)。你不必成为一个专家，但是你要知道[p]元素与[br／]标签之间的区别。另外，本书的多个章节还需要你掌握更多的JavaScript知识，而不仅仅满足于及格水平。就Ajax部分而言，拥有基础的知识即可，你无需知道如何进行服务器代码编程，不过我会在其中提及一些用于处理服务器上的内容的PHP代码。
　　也就是说，了解的有关HTML、JavaScript和PHP的知识越多，你从本书中所获取的知识也就会越多。
　　为什么标准很重要
　　本初子午线和格林威治标准时间是我们得以在地球上确定精确位置的标准。这些标准可以应用到任何地方、任何时间以及被任何人应用；它们是全球通用的，因为所有的人都同意这样做。有了这些标准，船只可以往来于七大洋之间而不会闯到陆地上去(在通常情况下)，飞机也会在恰当航线中飞行而不会闯入他人的领域(在绝大多数情况下)。这些标准打开了世界旅游之门，但并非必要的，因为它们是行事的更好方式，只不过是因为所有人都同意采取同一方式行事罢了。听起来是个不错的主意，对吧?
　　标准是创建万维网的一个原则：信息应当可以被传送到全球任何一个地方的计算机上，并以非常接近作者要求的方式进行显示。最初，只存在一种形式的HTML，Web上的每个人都使用它。这一境况并未出现任何现实的问题，因为几乎每个人都使用Mosaic(第一个流行的基于图形的浏览器)，而Mosaic非常贴合这一标准。
　　随后，出现了Netscape Navigator，第一批HTML的扩展名诞生了。不过，这些扩展名仅在Netscape中运行，任何没有使用这一浏览器的人都不能使用这些扩展名。尽管Netscape扩展名定义了World Wide Web Consortium(W3C)的标准，但是其中的绝大多数(或者至少是其中的一些版本)最终成为了那些真正的标准的一部分。按照某些人的观点，Web从这以后开始走下坡路了。
　　Web是公共谈论的一种非常公开的形式，自从人类在村庄生活并沿袭夜晚围坐于篝火旁讲故事的传统以来，还未出现过可与其媲美的事物。问题在于，如果没有标准，并不是地球村里的每个人都可以实现在Web“这一篝火”旁讲故事的情景。你可以尽可能多地去使用尖端技术。你可以应用Flash、JavaScript、VBScript、QuickTime视频、图层或者数据捆绑，但是如果只有一小部分的浏览器能够访问你的作品，那么你等于把很多村民拒之门外。
　　在为本书编码的过程中，我花了35％～45％的时间尝试让这些代码能够在Internet Explorer 6+、Firefox 1+(以及相关的Mozilla浏览器)、Opera 7+和Safari 1．5+中尽可能顺畅地运作。绝大多数Web设计的处理都是如此，很多编码的时间都花在了解决跨浏览器的矛盾上。如果浏览器遵循同一标准，那么这些时间将节省出来。
　　那么，作为一名设计师，你的“安全带”就是去了解Web标准，尽可能多地尝试使用它们，并要求浏览器生产商也使用这些标准。Web Standards Project(webstandards．org)是一个确保浏览器生产商遵守他们协助创建的标准的监管组织，如图i-1所示。如果你想要获得一个更好的Web，那么不妨参与进来。
　　本书中使用的值和单位
　　在学习本书的过程中，你需要输入不同的值来定义不同的属性。这些值形式各异，因其属性的需求而有所不同。有些值简单易懂(例如数字就是数字)，不过有的数字带有特殊的单位。
　　尖括号([])中的值代表了一种值的类型(表i-1)。以代码字体显示的词是文字值，应当准确按照所显示的输入。
　　长度值
　　长度值有两种：..
　　相对值，取决于所使用的计算机(表i-2)。
　　绝对值，仍为常数，不管使用什么样的硬件和软件(表i-3)。
　　我通常建议使用像素大小来描述字体大小，以求获得操作系统和浏览器之间的最佳稳定性。
　　浏览器安全色
　　某些颜色能够在任何浏览器上正确显示，这些颜色称为浏览器安全色。你会发现记住它们非常容易，因为它们的值是不变的。在十六进制值中，可以使用00、33、66、99、CC和FF的任何一个组合。在数值形式的颜色值中，可以使用0、51、102、153、204或是255。在百分比数值中，则使用0、20、40、60、80或者100。
　　颜色值
　　你可以以各种方式(表i-4)来描述浏览器上的颜色，不过绝大多数描述只是以不同的方式来告诉计算机某种颜色中红色、绿色和蓝色的比重。
　　百分比
　　本书中的很多属性的值都是百分比值，该百分比值的作用取决于所使用的属性。
　　URL
　　URL(Uniform Resource Locator)是Web上的内容的唯一地址。这一资源可以是一个HTML文档、图形、CSS文件、JavaScript文件、视听或视频文件、CGI脚本，或者任何其他的文件类型。URL可以是本地的，仅描述与当前文档相关的资源的位置；也可以是全球的，描述了其在Web上的资源的绝对位置并以http：／／开头。
　　另外，在整本书中，我都在代码实例中使用了链接。我将数字标识(#)作为可以指向任何你想要去的URL链接中的占位符：
　　[a href=“#”]．．．[／a]
　　该数字标识是链接到当前页面的简写。将这些标识替换成想要的URL。
　　阅读本书
　　在绝大多数情况下，文本、表格、数字、代码和实例都应当是一目了然的。不过你需要了解一些相关知识以便理解本书的内容。
　　CSS数值表格
　　在第一部分，对CSS属性进行解释的每一小节都包含了带有属性可能使用到的不同数值的供快速参考的表格，以及这些数值所适合的浏览器和CSS levels(图i-2)。兼容性一栏中列出了支持值类型的首选浏览器版本。表i-5列出了本书中所使用的浏览器的名称缩写。不过，注意，即便是浏览器的特定版本中提供了该值，也并不意味着所有的操作系统中都有该值。支持的Web站点(webbedenvironments．com)提供了多个列表，列出了操作系统所能兼容的值以及可能存在的问题。
　　HTML还是XHTML
　　当前，随着用于创建Web页面的标记语言从HTML转向XHTML，Web也正悄然转型。尽管它们的语法非常近似，但是XHTML对错误更为宽容。
　　本书中，我使用了XHTML作为标记语言。要想了解更多细节，参见1．5节。
　　代码
　　为了清楚和准确，本书使用了多种字体来帮你区分书中的文本和代码。
　　本书中的所有代码都以小写字母显示(参见1．4节中的补充知识“大写还是小写标签”)。另外，代码中的引号往往看上去是直引号("或')，而不是弯曲的引号(“或’)。之所以进行这种区分，是因为弯曲的引号(也称为智能引号)会导致代码不起作用。
　　当你键入一行代码时，计算机可以运行尽可能长的代码，不过在本书中，为了排版需要，代码行被断开了。在断开的情况下，会缩进两格，这表明该代码行是上一行的继续。
　　我在开始书写每个步骤的代码时，通常使用一行加粗的代码行来区分主代码块。这是有意而为之的，作为参考以帮助你在更大的一个代码块中查明该部分代码的应用位置。随后，这一代码将在代码列表中被标成同样字体，以便更容易识别。
　　学习本书需要哪些工具
　　像HTML一样，CSS和DHTML最大的好处就是不需要任何特殊的或是昂贵的软件。它们的代码只是文本，可以使用TextEdit(Mac OS)或者NotePad(Windows)等程序对其进行编辑。
　　支持的Web站点(webbedenvironments．com／css_dhtml_ajax)提供了一个列表，是关于一些非常有用的应用程序和工具(绝大多数都是免费的或者价格低廉的)，这些程序和工具是我对创建Web站点的人的一个建议。
　　另外，还有一些程序使得DHTML和CSS的使用更为轻松。这些程序可以自动执行Web设计中的很多冗长且重复的任务。我建议使用Adobe GoLive或者Dreamweaver。
　　支持浏览器
　　本书中的所有代码已经在Microsoft Internet Explorer 6+、Firefox 1．5+(及其他的Mozilla浏览器)、Opera 7+和Apple Safari 1．5+中测试过。这些浏览器占了Web冲浪所使用的浏览器的99％。所有的代码都应当在这些浏览器中使用，除非书中作了特殊说明。如果在使用这些代码时遇到什么问题，请先登陆本书提供的Web站点(webbedenvironments．com／css_dhtml_ajax)查找更新，仍然解决不了的话就可以写信给我，我的邮箱是：dynamic@webbedenvironments．com。
　　使用本书中提供的Web站点
　　我希望你会在你的Web页面中使用本书中提供的大量代码，当然，这些代码是免费的，你不必征得许可。不过，要注意——重新键入信息可能导致发生错误。有些书附带了一个fancy-shmancy的CD-ROM，包含了所有本书的代码，你可以从该光盘中直接复制过来。不过考虑一下谁为该CD付费?你。而CD并不便宜。
　　但是如果购买本书，你已经获取了现有知识的最大资源：Web。在Web里，你可以找到本书中的代码。
　　我的这本Visual QuickStart Guide的支持站点是：
　　webbedenvironments．com／css_dhtml_ajax
　　这一站点包含了所有你在本书中看到的代码(图i-3)以及快速参考图表。你可以下载该代码以及该站点上所有重要的更新和修正，还可以使用便捷的CodeBrowser(图i-4)来查看本书中各种不同代码的所有实例，如果有疑问，可以向我咨询。我的联系方式是：vqs-dynamic@webbedenvironments．com。...