HTML、XHTML和CSS宝典

章节摘录

　　第3部分　用CSS控制内容呈现　　第36章　用CSS实现动态HTML　　CSS是创建动态HTML特效的强大工具。在本章将会看到在各种浏览器中如何动态地修改CSS属性。在本章将看到如何访问CSS属性以及编写属性脚本来执行各种任务，修改文本颜色等，还将看到每个CSS属性都能够编程修改。　　在本章还将看到有些浏览器（最著名的就是internet Explorer）提供了类似CSS的功能来实现动态的滤镜效果，例如下拉阴影和模糊。　　36.1　用JavaScript访问CSS属性　　Mozilla和Internet Explorer（IE）浏览器支持JavaSeript过它们的文档对象模型（DOM）访问CSS1的元素属性。但是，Mozilla的DOM和Internet Explorer的DOM各不相同。他们都部分实现了W3C CSS2标准，但是实现的领域仍然不同，所以在一个浏览器上的CSS2的JavaScript代码在另一个浏览器上可能无法工作。请注意，Geck0布局引擎覆盖了W3C CSS2标准的所有属性。　　一般来说，访问CSS属性的方式全都相同，都是将值读为属性，通过方法设置值。要在脚本中访问CSS属性，需要使用属性的名称，除非在名称有连字符。

前言

　　欢迎阅读本书。本书经过精心筹划、设计与编写，为的是就两项最主要的Web技术，即超文本标记语言（HTML）和层级样式表（CSS），提供全面的介绍。　　创建万维网文档（不论是简单的还是复杂的）时，本书可以作为所需信息的介绍和参考手册。　　万维网在我们今天的生活中几乎无处不在，多数计算机和计算机化的设备都与万维网相连。但是，Web以及它底层的：Internet基础设施，在最初的时候完全不是现在的样子，与现代的消费者和商业用户对它的认识完全不同。　　Interact起源于1960年左右美国国防部开始的高级研究项目处（AdvancedResearchProject．Agency，ARPA）计划。这个项目的目标之一，就是让计算机能够迅速地进行网络通信，而且要能跨越长距离进行通信。这个网络被设计成能够实现故障恢复，允许联网的计算机在它们之间的某些路由器出现故障的时候，也能够继续进行通信。　　1969年，ARPANet网络诞生了，这个网络连接了几所关键的大学。　　随着ARPANet的继续发展，越来越多的大学联入了网络。该项目最初的目标之一：实现健壮的、能够实现故障恢复的网络，最终由Internet协议（IP）所实现。这个协议允许网络通信的数据包在一条或多条路由变得不可靠时，也能找到去往目的地的其他路由。这个通信协议最后成为今天Internet的骨干，而Internet网络的名称也由此而来。　　后来，在IP协议之上，又结合了传输控制协议（TCP），用来提供强壮的传输系统。这两个协议的结合实现了更高的灵活性，而且提供了为Interact开发更好的通信应用程序的能力。　　在20世纪80年代，Interact经历了几个转变。虽然Interact的主要用户是教育机构，但美国军方并未忘记自己最初的项目。其他政府部门也开始关注此项目，并加入到该网络当中来。美国军方决定建立自己的网络MIINET，从而略微缓解了Internet的负担。　　直到1992年，Intemet还远远不是世界上最流行的网络。在这一时期，Tim Bemers．Lee开发了可创建文档的超文本标记语言，发送这类文档的协议：超文本传输协议（HTTP），以及第一个浏览器编辑器，称为万维网（World Wide Web）。很快“Web”这个记号就得到了国家超级计算应用中心（NCSA）的关注。NCSA的一个编程团队决定开发更好的浏览器，于是对多媒体提供高度支持的第一个浏览器Mosaic就此诞生了。Mosaic促进了现代浏览器的出现与发展。　　到2l世纪早期，几乎所有联网的计算机、许多电子设备以及一些消费类设备（例如手机）都已经能够访问Web。这些连接到Web的设备使用的都是同一种连接，用来定义文档的语言也是同一种语言，发送信息使用的也是同一种协议。　　在万维网的整个发展过程当中，尤其是在最近的几年间，标准、工具以及应用程序已经发生了很大变化，有了很大发展，有些时候这种发展变化的步伐非常迅速。因此，有关Intemet的图书要覆盖的范围就应相当广泛。

内容概要

　　谢弗（Steven M.Schafer）是位Linux、开源技术和开放标准的提倡者。他曾任Free Standards Group的认证和开发总监，目前在一家从事Linux开发的软件公司担任CTO，这家公司从事基于Linux和开源技术的企业级软件开发和服务。Steven精通多种编程语言，包括PHP、Java、JavaScript、C语言和脚本编程，还精通HTML和CSS这些Web技术。他是多部图书的作者，涉及的范围从游戏策略手册，到关于HTML、CSS、JavaScript和LAMP等各种技术图书。

书籍目录

第1部分 用HTML建立内容.第1章 什么是标记语言，为什么要关注它 31.1 本书主题 31.2 理解超文本 41.3 理解标记指令 41.4 理解标记语言 51.5 小结 6第2章 HTML值和单位 72.1 基本的标签属性格式 72.2 公共属性 82.3 文本和注释 92.3.1 注释 92.3.2 CDATA区 102.4 统一资源指示器 102.5 语言和国际化选项 102.5.1 语言代码 102.5.2 文本方向 112.6 小结 11第3章 Web文档的构成 123.1 指定文档类型 123.2 文档整体结构：HTML.head(头)和body(体) 133.2.1 html标签 133.2.2 [head]标签 133.2.3 [body]标签 143.3 样式定义 143.4 块元素：段落标记和其他内容块 143.4.1 格式化的段落 153.4.2 标题 153.4.3 引用的文本 153.4.4 列表元素 153.4.5 预先格式化的文本 163.4.6 分区 163.5 行内元素：字符标签 183.5.1 基本的行内标签 183.5.2 跨越文本 183.6 特殊字符(实体) 193.7 组织性元素 193.7.1 表格 193.7.2 表单 203.8 到其他页面的链接 213.9 图片 213.10 注释 223.11 脚本 223.12 用这些组成部分形成完整的HTML文档 233.13 小结 23第4章 HEAD元素 244.1 指定文档标题 244.2 向搜索引擎提供信息 244.3 设置默认路径 254.4 脚本区 264.5 样式区 264.6 指定配置信息 264.7 背景颜色和背景图片 274.7.1 指定文档背景颜色 274.7.2 指定文档的背景图片 274.8 小结 28第5章 文本结构化基础 295.1 段落格式化 295.2 分行 305.3 分区 305.4 横线 335.5 块引用 335.6 预格式化文本 335.7 小结 34第6章 字符格式化基础 356.1 文本控制的方法 356.1.1 [font]标签 356.1.2 强调和其他文本标签 366.1.3 CSS文本控制 366.2 粗体和斜体文本 376.3 使用强调代替斜体 376.4 等宽(打字机)字体 386.5 上标和下标 386.6 缩写 386.7 将编辑性插入和删除标记出来 386.8 用[span]标签组合行内元素 396.9 小结 39第7章 列表 407.1 了解列表 407.2 有序列表(数字编号) 417.3 无序列表(符号列表) 437.4 定义列表 457.5 嵌套列表 457.6 小结 46第8章 链接 478.1 什么是链接 478.2 链接到网页 488.3 绝对链接和相对链接 498.4 链接目标 498.5 链接标题 508.6 键盘快捷方式和标签顺序 508.6.1 键盘快捷方式 518.6.2 Tab切换顺序 518.7 创建锚链 518.8 选择链接颜色 528.9 链接目标详细信息 528.10 link标签 538.11 小结 53第9章 表格 549.1 HTML表格的组成部分 549.2 表格的宽度和对齐 559.3 单元格间距和填充 579.4 边框和线条 579.4.1 表格边框 579.4.2 表格线 589.5 行 599.6 单元格 609.7 表格标题 619.8 行分组——标题.主体和页脚 629.9 背景颜色 639.10 跨越行和列 639.11 列分组 659.12 小结 66第10章 帧 6710.1 帧概述 6710.2 帧集和帧文档 6810.2.1 创建帧集 6810.2.2 帧的边界.边框和滚动栏 6910.2.3 允许或禁止用户修改 7010.3 将链接定位到帧 7110.4 嵌套帧集 7210.5 内联帧 7210.6 小结 74第11章 表单 7511.1 理解表单 7511.2 插入表单 7811.2.1 HTTPGET 7811.2.2 HTTPPOST 7811.2.3 额外的[form]属性 7811.3 字段标记 7911.4 文本输入框 7911.5 密码输入框 7911.6 单选按钮 7911.7 复选框 8011.8 列表框 8011.9 大段文本输入 8111.10 隐藏字段 8211.11 按钮 8211.12 图片 8311.13 文件字段 8311.14 提交和重置按钮 8311.15 制表键顺序和键盘快捷方式 8411.16 禁止改变 8411.17 字段集和标题 8511.18 在表单上使用事件 8611.19 表单脚本和脚本服务 8811.19.1 下载处理程序 8811.19.2 使用脚本服务 8811.20 小结 88第12章 色彩和图片 8912.1 Web颜色基础 8912.2 Web颜色的变迁 9012.3 使用正确的方式指定颜色 9312.4 Web的图形格式 9412.4.1 图像压缩 9412.4.2 压缩选项 9512.4.3 GIF格式 9512.4.4 JPEG格式 9512.4.5 PNG格式 9512.5 创建图片 9612.5.1 核心功能 9612.5.2 渐进JPEG和交错GIF 9612.5.3 使用透明度 9712.6 插入图片 9812.7 图片对齐 9812.8 指定非图形浏览器上显示的文本 9912.9 调整图片大小 10012.10 图片边框 10112.11 图片地图 10212.11.1 指定图片地图 10212.11.2 指定可点击区域 10212.12 动画图片 10412.13 小结 104第13章 多媒体 10513.1 动画图片 10513.2 动画和视频格式.插件.播放器 10613.2.1 流行的格式和播放器(插件) 10713.2.2 WindowsMediaPlayer 10813.3 通过object标签嵌入媒体 10813.4 使用[object]标签嵌入Windows媒体播放器 11013.5 在网页上添加声音 11113.6 创建多媒体文件 11213.7 多媒体总结 11213.8 小结 112第14章 特殊字符 11314.1 理解字符编码 11314.2 特殊字符 11414.3 En和Em空白以及横线 11414.4 版权符号与商标符号 11514.5 货币符号 11514.6 “真正的”引号标记 11614.7 箭头 11614.8 重音字符 11614.9 希腊和数学字符 11814.10 其他有用实体 12114.11 小结 122第15章 国际化和本地化 12315.1 国际化和本地化 12315.2 Web国际化 12415.3 翻译网站 12415.4 理解Unicode 12515.5 小结 128第16章 脚本 12916.1 客户端脚本与服务器端脚本 12916.1.1 客户端脚本 12916.1.2 服务器端脚本 12916.2 设置默认脚本语言 13016.3 包含脚本 13016.4 调用外部脚本 13116.5 用事件触发脚本 13116.6 对老版浏览器隐藏脚本 13316.7 小结 134第17章 动态HTML 13517.1 对DHTML的需求 13517.2 DHTML的工作方式 13617.3 文档对象(DOM)模型 13617.3.1 DOM的历史 13617.3.2 理解文档对象模型 13617.3.3 DOM节点的属性和方法 13817.3.4 遍历和修改文档节点 13917.4 JavaScript文档对象模型 14117.5 通过元素的ID访问元素 14417.6 使用事件处理器 14417.7 跨浏览器兼容性问题 14517.7.1 浏览器检测：查询浏览器的标识 14517.7.2 浏览器检测：对象检测.. 14617.8 DHTML示例 14617.8.1 路径导航(页面位置指示) 14617.8.2 轮转效果 14817.8.3 可以折叠的菜单 14917.9 小结 150第2部分 HTML工具和变体第18章 Web开发软件 15318.1 纯文本编辑器 15318.1.1 简单文本编辑器 15318.1.2 智能文本编辑器 15318.1.3 特定于HTML的编辑器 15418.2 所见即所得的HTML编辑器 15518.2.1 NetObjectFusion 15518.2.2 Dreamweaver 15518.3 其他工具 15718.3.1 图形编辑器 15718.3.2 AdobeFlash 15818.4 小结 158第19章 发布网站 15919.1 FTP介绍 15919.2 FTP客户端 16019.3 知名的FTP客户端 16119.4 Web服务器上文件的组织原则 16219.5 小结 162第20章 用微格式连接数据 16320.1 为什么使用微格式 16320.2 微格式示例——hCard 16420.3 另一个示例——地理位置数据 16620.4 如何实现微格式 16720.5 小结 167第21章 XML简介 16821.1 XML基础 16821.2 XML语法 16921.2.1 XML声明和DOCTYPE 16921.2.2 属性 17121.2.3 注释 17121.2.4 非解析数据 17121.2.5 实体 17121.2.6 命名空间 17221.2.7 样式表 17221.3 使用文档类型定义 17321.3.1 在DTD中使用元素 17321.3.2 在DTD中使用属性 17521.3.3 在DTD中使用实体 17521.3.4 在DTD中使用PCDATA和CDATA 17521.4 XML架构简介 17621.5 使用架构 17621.6 使用XML 17721.6.1 可扩展样式表语言转换 17821.6.2 XML编辑 17821.6.3 XML解析 17821.7 小结 178第22章 创建移动网页 17922.1 理解Web移动性的发展历史 17922.1.1 移动性的原始时代 17922.1.2 开放移动联盟和其他标准 18022.1.3 底线 18022.2 XHTMLBasic1.1 18022.2.1 XHTMLBasic1.1的文档类型 18122.2.2 XHTMLBasic1.1的元素 18122.2.3 特殊考虑 18122.3 移动Web开发工具 18322.4 小结 183第23章 整理和验证文档 18423.1 整理HTML代码 18423.1.1 HTMLTidy 18623.1.2 获得HTMLTidy 18623.1.3 运行HTMLTidy 18623.2 验证代码 18823.2.1 指定正确的文档类型声明 18823.2.2 验证工具 18823.2.3 理解验证的输出 18823.3 额外的测试和验证 18923.3.1 用各种用户代理进行测试 18923.3.2 针对不同的显示设置进行测试 18923.4 小结 189第24章 HTML提示和技巧 19024.1 预加载图片 19024.2 控制表格单元格中的文本拆分 19124.3 扩展标题栏 19124.4 模拟报纸的栏 19324.5 包含图片大小，以便迅速显示 19424.6 保护电子邮件地址 19424.7 小结 195第3部分 用CSS控制内容呈现第25章 CSS基础 19925.1 样式的用途 19925.2 样式和HTML 20025.3 CSS级别1.2.3 20025.4 定义样式 20125.5 层级样式表 20225.6 小结 203第26章 样式定义 20426.1 样式定义的格式 20426.2 理解选择器 20526.2.1 按类型匹配元素 20526.2.2 使用通用选择器匹配 20526.2.3 按类匹配元素 20526.2.4 按标识符匹配 20626.2.5 按特定属性匹配 20626.2.6 匹配子元素.后代元素和相邻兄弟元素 20626.3 理解样式继承 20826.4 使用伪类 20826.4.1 锚链样式 20826.4.2 ：first-child第一个孩子伪类 20926.4.3 ：lang伪类 20926.5 伪元素 20926.5.1 第一行 20926.5.2 首字母 21026.5.3 之前和之后 21126.6 快捷表达式 21126.7 小结 212第27章 CSS值和单位 21327.1 属性值的通用规则 21327.2 属性值度量单位 21427.2.1 关键字 21427.2.2 真实度量单位 21527.2.3 屏幕度量单位 21527.2.4 相对度量单位 21627.2.5 颜色和URL函数 21727.2.6 声音度量单位 21727.3 小结 218第28章 CSS继承和层级 21928.1 CSS继承 21928.2 CSS层级 22028.3 样式具体程度 22128.4 小结 221第29章 字体属性 22229.1 理解字体 22229.2 字体类型 22329.3 字体大小 22329.4 字体样式 22429.5 行间距 22529.6 在文档中嵌入字体 22529.7 小结 226第30章 文本格式化 22730.1 文本对齐 22730.1.1 控制水平对齐 22730.1.2 控制垂直对齐 22930.2 文本缩进 23030.3 控制文本内的空白 23030.3.1 清除浮动对象 23030.3.2 white-space属性 23130.4 控制字母和单词间距 23230.5 控制大小写 23230.6 使用文本装饰 23330.7 自动生成的文本 23430.8 使用CSS表格属性 23430.9 控制表格属性 23430.9.1 表格边框 23530.9.2 表格边框间距 23530.9.3 合并边框 23530.9.4 空单元格的边框 23630.10 表格布局 23630.11 标题对齐和定位 23730.12 小结 238第31章 CSS列表 23931.1 列表概述 23931.2 在任何元素上均可实现CSS列表 24031.3 列表样式类型 24031.4 标记位置 24131.5 使用图片作为列表标记 24231.6 小结 242第32章 填充.边界和边框 24332.1 CSS方框格式化模式 24332.2 元素填充 24432.3 元素边框 24532.3.1 边框宽度 24532.3.2 边框样式 24532.3.3 边框颜色 24632.3.4 边框属性快捷方式 24632.3.5 边框间距 24732.4 元素边界 24732.5 动态轮廓 24732.6 小结 248第33章 颜色和背景 24933.1 元素颜色 24933.1.1 前景色 24933.1.2 背景色 25033.2 背景图片 25133.2.1 将背景颜色与图片结合 25233.2.2 重复和滚动图片 25333.2.3 定位背景图片 25433.2.4 background快捷属性 25533.3 小结 255第34章 CSS布局：浮动和定位 25634.1 理解CSS定位 25634.1.1 静态定位 25634.1.2 相对定位 25634.1.3 绝对定位 25734.1.4 固定定位 25734.2 指定元素位置 25834.3 将元素左右浮动 25934.4 定义元素的宽度和高度 26034.4.1 指定确切大小 26034.4.2 指定最大和最小大小 26034.4.3 控制元素溢出 26034.5 在层上堆叠元素 26134.6 控制元素的可见性 26334.7 小结 263第35章 伪元素和生成的内容 26435.1 content属性 26435.2 伪元素 26535.2.1 ：first-line 26635.2.2 ：first-letter 26635.2.3 ：before和：after 26735.3 引用标记 26735.4 自动为元素编号 26735.4.1 计数器对象 26735.4.2 修改计数器的值 26835.4.3 计数器示例：章节编号 26835.4.4 自定义列表编号 26935.5 小结 269第36章 用CSS实现动态HTML 27036.1 用JavaScript访问CSS属性 27036.2 有用的CSS操作方式 27336.2.1 隐藏和显示文本 27336.2.2 图片缩放 27436.2.3 翻转效果的菜单按钮 27636.3 小结 277第37章 媒介样式以及定义打印用文档 27837.1 理解CSS媒介类型 27837.2 设置打印用文档 28037.2.1 页面框格式化模型 28037.2.2 用@page规则定义页面大小 28037.2.3 控制分页 28137.2.4 处理寡行和孤行情况 28337.2.5 准备双面打印文档 28337.3 创建多媒介文档 28337.3.1 联机(屏幕媒介)文档 28437.3.2 重新格式化页面 28537.4 小结 286第4部分 附加的CSS技能第38章 用HTML表格格式化 28938.1 用表格进行格式的基础知识 28938.2 真实示例 29138.3 浮动页面 29138.4 不规则图片和文本组合 29338.5 导航菜单和块 29438.6 多列 29538.7 小结 296第39章 用户界面样式 29739.1 修改光标 29739.2 用户界面颜色 29839.3 用户界面字体 30039.4 小结 300第40章 测试和验证CSS 30140.1 在建立样式时测试语法 30140.2 关于格式化 30240.3 验证CSS 30240.4 小结 303第41章 CSS提示和技巧 30441.1 悬挂缩进 30441.2 展开按钮 30541.3 提出引用 30641.4 标签式菜单 30741.5 小结 309附录A HTML元素快速参考 310A.1 元素清单 311A.2 事件属性 338A.3 其他公共属性 339附录B HTML特殊字符快速参考 341附录C CSS属性快速参考 346附录D CSS选择器快速参考 360D.1 基本元素选择器 360D.2 后代选择器 361D.3 子女选择器 361D.4 相邻兄弟选择器 361D.5 类选择器 361D.6 ID选择器 361D.7 属性选择器 361附录E 伪元素和伪类快速参考 363E.1 伪元素 363E.2 伪类 364

编辑推荐

　　学会正确的语言，Web尽在掌握：解密万维网（WWW）世界的密码，运用正确的工具，征服WWW。《HTML、XHTML和CSS宝典(第4版)》全面揭示了超文本标记语言（HTML）和层级样式表（CSS）的秘密，掌握了这些秘诀，就能创建专业级的交互式网页，创建强大的应用程序，并能用各种方式随心所欲地与Web进行交互。《HTML、XHTML和CSS宝典(第4版)》介绍了如何为拥有浏览器的众多移动设备编写酷炫的内容。除此之外，《HTML、XHTML和CSS宝典(第4版)》还介绍了各种实践性级强的工具、提示和技巧。　　深入掌握所有网页的底层结构；学习文本结构、元标签、链接以及其他方面的基础知识；编写脚本、掌握动态HTML，以及使用CSS编辑工具；用XHTML Basic创建用于移动设备的网页；用微格式强化Web 2.0的新功能；在网页上添加颜色、背景、多媒体和交互性；清理、测试、验证网页代码。

作者简介

HTML是Internet的基石。《HTML、XHTML和CSS宝典(第4版)》介绍了HTML的基础知识，包括构成HTML语言的标签、属性以及结构，有助于编写文档、验证文档和对文档进行除错的工具。接着介绍了CSS的基础知识、CSS选择器的语法、正确的属性和属性值，以及如何运用CSS属性有效地对文档的各个部分进行格式化。最后介绍了一些附加的CSS主题，包括高级布局、用户界面样式、测试和验证CSS，以及应用CSS的提示和技巧。全书不仅介绍了原理，而且列举了大量的实例，不仅适用于刚刚接触HTML和Web内容的读者，也适用于各种相关领域的专业人员阅读。

图书封面

---

 HTML、XHTML和CSS宝典下载

---