HTML XHTML CSS 基础教程(第6版)

2007年人民邮电出版社出版社出版Elizabeth Castro编著图书。

基本信息

中文名

HTML XHTML CSS 基础教程(第6版)

定价

59.00元

出版社

人民邮电出版社

作者

Elizabeth Castro

出版时间

2007-8

装帧

平装

译者

陈剑瓯,张扬

ISBN

9787115162083

丛书

图灵程序设计丛书·Web开发系列

目录

1编辑推荐

2名人推荐

3媒体推荐

4作者简介

5目录

6文摘

折叠编辑本段编辑推荐

《图灵程序设计丛书:HTML5与CSS3基础教程(第7版)》编辑推荐：HTML领域畅销书的最新版。书中强调技术的现代设计实践，提倡基于Web标准，优美网页；在讲述中，不泛泛而论，针对各种实际问题，分析什么技术何时应该使用，何时应该避免。

折叠编辑本段名人推荐

“我们这些有过不少实际经验的设计师往往想当然地认为自己什么都知道。事实并非如此。本书告诉我们。我们知道的很多东西其实都是错的。所：N—Web设计师都需要看看这本书。”

——Web标准计划创始人Jeffrey Zeldman对本书上一版的评论

“Elizabeth Castro宝刀不老。而新作者Bruce Hyslop亦为本书增色不少。这本书既系统全面地讲解了基础知识。又能让读者快速吸纳HTML5和CSS3的绝大部分新特性，是一本值得拥有的好书！”

——Web Teacher评论

折叠编辑本段媒体推荐

我们这些有过不少实际经验的设计师往往想当然地认为自己什么都知道，事实并非如此。本书告诉我们，我们知道的很多东西其实都是错的。所有Web设计师都需要看看这本书。

——Web标准计划创始人Jeffrey Zeldman对本书上一版的评论

Elizabeth Castro宝刀不老，而新作者Bruce Hyslop亦为本书增色不少。这本书既系统全面地讲解了基础知识，又能让读者快速吸纳HTML5和CSS3的绝大部分新特性，是一本值得拥有的好书！

——Web Teacher评论

快速入门和轻松写代码是这本书的最大特色，如果你不想浪费时间，而又想扎实地学习HTML5和CSS3，那就选这本书吧！

——巴诺书店评论

本书可谓字字珠玑，我入门时就是拿它当引路人的。

——亚马逊评论

折叠编辑本段作者简介

作者：卡斯特罗（Elizabeth Castro） 希斯洛普（Bruce Hyslop） 译者：望以文

卡斯特罗（Elizabeth Castro），享誉世界的计算机畅销书作家，目前致力于帮助大家出版电子书、设计网页、运用CSS呈现网页和博客等。她擅长使用详实的步骤和精美的实例教大家快速实现具体的效果。

希斯洛普（Bruce Hyslop），自1997年就开始从事网页开发，重点关注使用HTML、CSS和JavaScript进行网页开发和网站易用性的维护，并倡导最佳实践。Hyslop在加州大学洛杉矶分校进修部教授CSS课程，还著有The HTML Pocket Guide。

折叠编辑本段目录

第1章 网页的构造块 1

1.1 基本HTML页面 2

1.2 语义化HTML：有含义的标记 4

1.3 标记：元素、属性和值 8

1.4 网页的文本内容 10

1.5 链接、图像和其他非文本内容 11

1.6 文件名 12

1.7 URL 13

1.8 要点回顾 16

第2章 处理网页文件 17

2.1 规划网站 17

2.2 创建新的网页 18

2.3 保存网页 19

2.4 指定默认页面或主页 21

2.5 编辑网页 22

2.6 组织文件 23

2.7 在浏览器中查看网页 24

2.8 借鉴他人灵感 25

第3章 基本HTML结构 27

3.1 开始编写网页 27

3.2 创建页面标题 30

3.3 创建分级标题 31

3.4 理解HTML5的文档大纲 32

3.5 对分级标题进行分组 36

3.6 普通页面构成 37

3.7 创建页眉 38

3.8 标记导航 40

3.9 创建文章 42

3.10 定义区块 45

3.11 指定侧栏 48

3.12 创建页脚 51

3.13 创建通用容器 54

3.14 使用ARIA提升可访问性 57

3.15 为元素指定类或ID名称 60

3.16 为元素添加title属性 62

3.17 添加注释 63

第4章 文本 65

4.1 开始新的段落 65

4.2 添加作者联系信息 66

4.3 创建图 68

4.4 指定时间 69

4.5 标记重要或强调的文本 72

4.6 指明引用或参考 74

4.7 引述文本 74

4.8 突出显示文本 76

4.9 解释缩写词 78

4.10 定义术语 79

4.11 创建上标和下标 80

4.12 标注编辑和不再准确的文本 82

4.13 标记代码 85

4.14 使用预格式化的文本 87

4.15 指定细则 88

4.16 创建换行 89

4.17 创建span 90

4.18 其他元素 91

第5章 图像 97

5.1 关于Web图像 97

5.2 获取图像 99

5.3 选择图像编辑器 100

5.4 保存图像 100

5.5 在页面中插入图像 102

5.6 提供替代文本 103

5.7 指定图像尺寸 104

5.8 在浏览器中改变图像的尺寸 106

5.9 在图像编辑器中改变图像的尺寸 107

5.10 为网站添加图标 108

第6章 链接 110

6.1 链接剖析 110

6.2 创建指向另一个网页的链接 111

6.3 创建锚 116

6.4 链接到特定的锚 117

6.5 创建其他类型的链接 118

第7章 CSS构造块 121

7.1 构造样式规则 121

7.2 为样式规则添加注释 122

7.3 层叠：当规则发生冲突时 123

7.4 属性的值 126

第8章 操作样式表文件 133

8.1 创建外部样式表 133

8.2 链接到外部样式表 134

8.3 创建嵌入样式表 136

8.4 应用内联样式 137

8.5 位置的重要性 138

8.6 使用与媒体相关的样式表 139

8.7 提供替代的样式表 140

8.8 借鉴他人灵感：CSS 142

第9章 定义选择器 143

9.1 构造选择器 143

9.2 按名称选择元素 145

9.3 按类或ID选择元素 146

9.4 按上下文选择元素 148

9.5 选择元素的一部分 152

9.6 按状态选择链接元素 154

9.7 按属性选择元素 155

9.8 指定元素组 159

9.9 组合使用选择器 160

9.10 选择器回顾 161

第10章 文本的格式化 162

10.1 选择字体系列 163

10.2 指定替代字体 164

10.3 创建斜体 165

10.4 应用粗体格式 167

10.5 设置字体大小 168

10.6 设置行高 172

10.7 同时设置所有字体值 173

10.8 设置颜色 174

10.9 修改文本的背景 175

10.10 控制间距 178

10.11 增加缩进179

10.12 设置空白属性 180

10.13 对齐文本 181

10.14 修改文本的大小写 182

10.15 使用小型大写字母 183

10.16 装饰文本 184

第11章 用CSS进行布局 186

11.1 开始布局注意事项 186

11.2 建立页面结构 188

11.3 在旧版浏览器中为HTML5元素添加样式 192

11.4 对默认样式进行重置或标准化 194

11.5 盒模型 195

11.6 修改背景 197

11.7 设置元素的高度和宽度 199

11.8 设置元素周围的外边距 202

11.9 在元素周围添加内边距 204

11.10 使元素浮动 206

11.11 控制元素浮动的位置 207

11.12 设置边框 210

11.13 偏移自然流中的元素 212

11.14 对元素进行绝对定位 213

11.15 指定元素的三维位置 215

11.16 决定溢出的位置 216

11.17 垂直对齐元素 218

11.18 修改鼠标指针 218

11.19 显示和隐藏元素 219

第12章 样式表——从移动设备到台式机 222

12.1 移动战略和注意事项 222

12.2 理解和实现媒体查询 226

12.3 构建适用于媒体查询的页面 232

第13章 使用Web字体 241

13.1 什么是Web字体 241

13.2 在哪里能找到Web字体 242

13.3 下载第一个Web字体 244

13.4 使用@font—face 245

13.5 对Web字体添加样式及管理文件大小 248

第14章 使用CSS3进行增强 251

14.1 理解厂商前缀 251

14.2 浏览器兼容性速览 252

14.3 使用polyfill实现渐进增强 253

14.4 为元素创建圆角 254

14.5 为文本添加阴影 257

14.6 为其他元素添加阴影 259

14.7 应用多重背景 261

14.8 使用渐变背景 262

14.9 为元素设置不透明度 265

第15章 列表 267

15.1 创建有序列表和无序列表 267

15.2 选择标识 269

15.3 选择列表的起始编号 271

15.4 使用定制的标识 271

15.5 控制标识的位置 273

15.6 同时设置所有的列表样式属性 274

15.7 设置嵌套列表的样式 274

15.8 创建描述列表 278

第16章 表单 282

16.1 创建表单 282

16.2 处理表单 284

16.3 通过电子邮件发送表单数据 287

16.4 对表单元素进行组织 288

16.5 创建文本框 290

16.6 创建密码框 292

16.7 创建电子邮件框、电话框和URL框 293

16.8 为表单组件添加标签 294

16.9 创建单选按钮 296

16.10 创建选择框 297

16.11 创建复选框 298

16.12 创建文本区域 299

16.13 让访问者上传文件 300

16.14 创建隐藏字段 301

16.15 创建提交按钮 302

16.16 使用图像提交表单 303

16.17 禁用表单元素 304

16.18 HTML5的新特性和浏览器支持情况 304

第17章 视频、音频和其他多媒体 306

17.1 第三方插件及步入原生 306

17.2 视频文件格式 307

17.3 在网页中添加单个视频 308

17.4 视频属性一览 308

17.5 为视频添加控件和自动播放 308

17.6 为视频指定循环播放和海报图像 310

17.7 阻止预加载视频 310

17.8 使用多个来源的视频 311

17.9 多个媒体源和source元素 311

17.10 添加具有备用超链接的视频 312

17.11 添加具有备用Flash的视频 313

17.12 提供可访问性 315

17.13 添加音频文件格式 315

17.14 在网页中添加单个音频文件 316

17.15 在网页中添加带控件的单个音频文件 316

17.16 音频属性一览 317

17.17 为音频添加控件、自动播放并设置循环播放 317

17.18 预加载音频文件 318

17.19 提供多个音频源 318

17.20 添加具有备用超链接的音频 319

17.21 添加具有备用Flash的音频 319

17.22 添加同时具有备用Flash和超链接的音频 320

17.23 获取多媒体文件 321

17.24 考虑数字版权管理（DRM） 321

17.25 嵌入Flash动画 321

17.26 嵌入YouTube视频 322

17.27 通过canvas操作视频 322

17.28 联合使用SVG和视频 323

17.29 更多资源 323

第18章 表格 324

18.1 结构化表格 324

18.2 让单元格跨越多列或多行 327

第19章 处理脚本 329

19.1 加载外部脚本 329

19.2 添加嵌入脚本 332

19.3 JavaScript事件 332

第20章 测试和调试网页 334

20.1 尝试一些调试技巧 334

20.2 检查常见错误：一般问题 336

20.3 检查常见错误：HTML 337

20.4 检查常见错误：CSS 338

20.5 验证代码 339

20.6 测试页面 341

20.7 当图像不出现时 344

20.8 仍然有错误 345

第21章 发布网站 346

21.1 获得域名 346

21.2 为网站寻找主机 347

21.3 将文件传送至服务器 348

附录A HTML参考 352

附录B CSS引用 363

折叠编辑本段文摘

3.在样式表内定义媒体查询并关联样式规则

（1）在样式表内，输入@media和一个空格。

（2）根据“定义媒体查询的步骤”，创建媒体查询。

（3）输入一个空格和{。

（4）在新的一行（可选）创建当媒体查询为真时应该应用到页面的样式规则。

（5）在新的一行（可选）输入）以结束媒体查询块。

4.定义媒体查询的步骤

（1）可选，输入only和一个空格。（尽管这一步是可选的，但我推荐包含0nly，除非指定了not。）如果不指定only，输人not和一个空格（可选），表示条件为媒体查询的反面为真。

（2）输入type，这里的type是媒体类型（通常为screen或print，参见8.6节）。

（3）可选，输入一个空格、and和另一个空格。再输入（feature：value），其中feature是某种预定义的媒体特性（包括width、height、device—width、device—height、orientation、aSpect—rati0、device—aspect—rati0、color、color—index、monochrome、resolution、scan以及9rid）.value是合适的feature值（通常情况下以像素或em表示，但也并非总是如此，有关示例参见图12.2.2、图12.2.7和图12.2.8）。

（4）如果想创建一系列媒体查询，输入一个逗号，再重复第（2）步和第（3）步。否则，媒体查询就定义完成了。

[1]

参考资料

1．HTML XHTML CSS 基础教程(第6版)  . [2016-05-15]