具体描述
《CSS+DIV网页样式与布局从入门到精通》编辑推荐：“网络开发视频大讲堂”丛书系清华社“视频大讲堂”重点大系之一。该大系包括多个子系列，每个子系列的图书在其同品种的图书中销售名列前茅，其中：4个品种荣获“全行业优秀畅销品种”；1个品种荣获2012年清华大学出版社“专业畅销书”一等奖；绝大多数品种在“全国计算机零售图书排行榜”同品种排行中名列前茅，截至目前该大系累计销售超过55万册。该大系已成为近年来清华社计算机专业基础类零售图书最畅销的品牌之一。
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，继承和创新了清华社“视频大讲堂”大系的编写模式、写作风格和优良品质。突出了以下内容：216节大型高清同步视频演示讲解，可反复观摩，让学习更为快捷、高效；218个中小典型实例，通过实例学习更深入，更有趣，更有动力；51个综合实战案例，展现工作过程，积累工作经验；11部网页开发参考手册，CSS2.0参考手册，CSS3.0参考手册，JavaScript参考手册，JavaScript核心参考，jQuery1.7中文手册，jQuery1.3参考手册，jQuery1.4参考手册 W3CSchool，w3c标准html5手册，XHTML参考手册，XMLHttp中文参考手册；83类实用网页模版，其中HTML5+CSS3网页模版32类，DIV+CSS3网页模版51类。
“网络开发视频大讲堂”系列作为清华社“视频大讲堂”大系的子系列之一，执着于专业，精细于品质：集基础知识、中小实例、实战案例、专业经验于一体，好学、好用、高效。
作者简介
喻浩，资深Web架构师，长期专注于Web前沿技术，深蕴.NET技术框架，对于CSS、JavaScript、XHTML、XML、Ajax等Web前台技术有着深厚的基础，并在实践中提出很多独到见解，深受业界同仁和客户的好评。国内知名IT图书作者，荣获2008年度IT图书最佳原创作者奖。作者发表过Web评论文章十几篇，出版过多本Web技术专著。长期笔耕不辍，所写图书技术严谨、扎实，语言通俗易懂。其中《CSS商业网站布局之道》等图书深受读者欢迎和喜爱，市场反映良好。
目录信息
视频讲解：2小时38分钟
1.1 设计良好的网页结构 2
1.1.1 选用符合语义的标签 2
1.1.2 文档类型和浏览器模式 7
1.2 初识CSS 8
1.2.1 为什么学习CSS 9
1.2.2 CSS基本语法 9
1.2.3 设计第一个实例 10
1.3 CSS选择器 12
1.3.1 CSS选择器概述 12
1.3.2 标签选择器 13
1.3.3 ID选择器 14
1.3.4 类选择器 16
1.3.5 伪类和伪对象选择器 17
1.3.6 子选择器 19
1.3.7 相邻选择器 20
1.3.8 属性选择器 21
1.3.9 通用选择器 23
1.3.10 包含选择器 23
1.3.11 分组选择器 25
1.3.12 指定选择器 26
1.4 CSS基本特性 26
1.4.1 层叠和特殊性 26
1.4.2 继承 31
1.5 样式表规划、组织和维护 32
1.5.1 对文档应用样式 32
1.5.2 对代码进行注释 34
1.5.3 样式文档 37
1.5.4 组织样式表以便简化维护 37
1.6 CSS属性和属性值 38
1.6.1 CSS属性 38
1.6.2 CSS单位 44
1.6.3 设置颜色 46
第2章 使用CSS设置字体和文本样式 48
视频讲解：2小时12分钟
2.1 字体和文本样式基础 49
2.1.1 定义字体类型 49
2.1.2 定义字体大小 51
2.1.3 定义字体颜色 53
2.1.4 定义字体粗细 54
2.1.5 定义斜体字体 55
2.1.6 定义下划线、删除线和顶划线 56
2.1.7 定义字体大小写 57
2.1.8 定义文本对齐 58
2.1.9 定义垂直对齐 60
2.1.10 定义字间距和行间距 63
2.1.11 定义行间距 64
2.1.12 定义缩进 67
2.2 案例实战 68
2.2.1 设计百度Logo 69
2.2.2 设置标题样式 70
2.2.3 设置正文样式 73
2.2.4 设置文本样式 75
2.2.5 设置文本段样式 79
2.2.6 设置段落版式样式 82
2.2.7 设计单页图文混排版式 86
第3章 使用CSS设置图片样式 92
视频讲解：1小时32分钟
3.1 图片样式设置基础 93
3.1.1 定义图片边框 93
3.1.2 定义图片大小 97
3.1.3 定义图片的横向对齐 98
3.1.4 定义图片的纵向对齐 99
3.1.5 设置文字环绕效果 101
3.2 案例实战 103
3.2.1 图文混排 103
3.2.2 图片布局 107
3.2.3 多图排列 111
3.2.4 阴影图片 114
3.2.5 圆角图片 116
3.2.6 设计圆角栏目 118
第4章 使用CSS控制背景图像 124
视频讲解：1小时38分钟
4.1 背景样式设置基础 125
4.1.1 设置页面背景颜色 125
4.1.2 设置背景颜色给页面分块 126
4.1.3 定义背景图片 128
4.1.4 背景图片的重复 130
4.1.5 定义背景图片的位置 131
4.1.6 固定背景图片 133
4.2 案例实战 134
4.2.1 设置网页背景颜色 135
4.2.2 设置带花纹边框 136
4.2.3 设置永远固定的背景 143
4.2.4 设置圆润的栏目模块 144
4.2.5 设计分栏版式 149
4.2.6 设计滑动门菜单 151
4.2.7 设计灯箱广告 154
4.2.8 设计博客首页效果 157
第5章 使用CSS控制列表样式 163
视频讲解：55分钟
5.1 列表样式设置基础 164
5.1.1 设置列表项符号 164
5.1.2 定义项目的图片符号 166
5.1.3 列表的横竖转换 167
5.2 案例实战 169
5.2.1 设计新闻栏目 169
5.2.2 设计导航菜单 173
5.2.3 设计多级菜单 177
5.2.4 列表排版的应用 182
5.2.5 使用列表实现图文混排效果 186
第6章 使用CSS设计表格样式 192
视频讲解：45分钟
6.1 表格样式设置基础 193
6.1.1 设置表格颜色 193
6.1.2 设置表格边框 194
6.2 案例实战 196
6.2.1 美化表格 197
6.2.2 设计高效的表格 200
6.2.3 让表格更易用 204
6.2.4 表格布局 207
第7章 使用CSS设计表单样式 211
视频讲解：1小时45分钟
7.1 表单样式设置基础 212
7.1.1 表单基本结构 212
7.1.2 设置基本样式 216
7.1.3 定义字体样式 221
7.1.4 定义边框样式 222
7.1.5 定义背景样式 224
7.2 案例实战 228
7.2.1 设计多彩下拉菜单样式 228
7.2.2 设计注册表单 230
7.2.3 设计调查表 235
7.2.4 设计反馈表 240
第8章 使用CSS定义链接样式 246
视频讲解：1小时12分钟
8.1 链接样式设置基础 247
8.1.1 设置链接样式 247
8.1.2 设计下划线样式 248
8.1.3 设置类型指示样式 249
8.1.4 定义按钮样式 251
8.1.5 定义已访问样式 254
8.1.6 链接提示样式 254
8.2 案例实战 256
8.2.1 鼠标样式 256
8.2.2 设计菜单样式 259
8.2.3 设计苹果导航菜单 261
8.2.4 块状选项卡 266
8.2.5 图片浏览 271
第9章 网页排版和DIV+CSS布局 275
视频讲解：2小时47分钟
9.1 CSS盒模型 276
9.1.1 认识盒模型 276
9.1.2 外边距 278
9.1.3 内边距 281
9.1.4 边框 284
9.1.5 宽和高 284
9.2 网页重构 287
9.2.1 设置文档类型 287
9.2.2 选择标签 293
9.2.3 案例实战：尝试重构禅意花园 296
9.3 网页排版 299
9.3.1 网页排版基本原则 299
9.3.2 标准网页版式基本形式 300
9.3.3 网页排版基本方法 300
9.4 DIV+CSS布局 305
9.4.1 布局空间 305
9.4.2 布局位置 307
9.4.3 布局环绕 309
9.4.4 清除浮动 311
9.4.5 布局嵌套 313
9.4.6 调整布局间距 316
9.5 案例实战 321
9.5.1 两列布局 322
9.5.2 三列布局 327
第10章 用CSS定位控制网页布局 332
视频讲解：1小时53分钟
10.1 CSS定位 333
10.1.1 认识position 333
10.1.2 静态定位 333
10.1.3 绝对定位 334
10.1.4 相对定位 335
10.1.5 固定定位 338
10.2 定位参照 339
10.2.1 参照对象 339
10.2.2 坐标值 343
10.2.3 定位的特殊性 344
10.3 定位层叠 347
10.3.1 层叠顺序 347
10.3.2 嵌套层叠顺序 349
10.3.3 CSS层叠框 351
10.3.4 CSS层叠常见问题 354
10.4 案例实战 357
10.4.1 画册式网页布局 357
10.4.2 展览式网页布局 361
10.4.3 浪漫式网页布局 366
第11章 解决CSS设计中的常见问题 372
视频讲解：2小时
11.1 IE条件语句 373
11.1.1 认识IE条件语句 373
11.1.2 IE条件语句基本用法 374
11.1.3 案例实战：设计兼容的多级菜单 376
11.2 CSS渲染及问题 380
11.2.1 开启和关闭IE布局特性 381
11.2.2 设置Layout特性的方法 381
11.2.3 问题1：不能自动展开包含框 384
11.2.4 问题2：包含浮动布局的问题与处理 387
11.2.5 问题3：相邻浮动布局的问题与处理 389
11.2.6 问题4：列表布局的问题与处理 390
11.2.7 问题5：定位布局的问题与处理 392
11.3 常用浏览器解析问题和解决方法 394
11.3.1 兼容IE6版本浏览器 395
11.3.2 兼容IE5系列版本浏览器 396
11.3.3 兼容IE7版本浏览器 398
11.3.4 兼容FF等标准浏览器 399
11.3.5 问题1：超链接的Bug 399
11.3.6 问题2：内容与背景分离的Bug 400
11.3.7 问题3：IE6躲躲猫Bug 402
11.3.8 问题4：IE6多余字符Bug 403
11.4 案例实战 403
11.4.1 3列等高布局 403
11.4.2 3列浮动布局 408
第12章 旅游酒店网站 410
视频讲解：2小时18分钟
12.1 网站页面效果分析 411
12.1.1 “旅游度假”页面效果分析 411
12.1.2 “预定酒店”页面效果分析 411
12.2 首页策划设计 412
12.3 网页设计与重构 414
12.3.1 画草图和设计图 414
12.3.2 切图 417
12.3.3 主体重构 419
12.4 页面布局 422
12.4.1 设计页面基本样式 422
12.4.2 设计页头布局和样式 422
12.4.3 设计搜索和幻灯区布局和样式 425
12.4.4 设计左侧引导区布局和样式 427
12.4.5 设计内容区样式 428
12.4.6 设计右侧专题栏样式 431
第13章 新闻网站 434
视频讲解：1小时20分钟
13.1 网站页面效果分析 435
13.1.1 “对话”页面效果分析 435
13.1.2 环球看点页面效果分析 435
13.2 首页策划设计 436
13.3 网页设计与重构 438
13.3.1 画草图和设计图 438
13.3.2 切图 440
13.3.3 主体重构 442
13.4 页面布局 444
13.4.1 设计页面基本样式 445
13.4.2 设计页头布局和样式 445
13.4.3 设计主要新闻区布局和样式 447
13.4.4 设计分类新闻区布局和样式 450
第14章 使用JavaScript控制CSS样式 455
视频讲解：2小时47分钟
14.1 JavaScript基础 456
14.1.1 在网页中嵌入JavaScript脚本 456
14.1.2 JavaScript脚本在文档中的位置 457
14.1.3 解决JavaScript脚本与CSS样式冲突 457
14.2 CSS脚本化传统控制方法 459
14.2.1 认识Style对象 460
14.2.2 读写行内样式 464
14.2.3 读写样式表中样式 467
14.2.4 访问网页实际样式 472
14.3 控制CSS脚本的标准方法 473
14.3.1 CSSStyleSheet接口 474
14.3.2 CSSStyleRule接口 474
14.3.3 CSSStyleDeclaration接口 475
14.4 使用JavaScript控制元素大小 476
14.4.1 读取元素的长宽样式值 476
14.4.2 使用offsetWidth和offsetHeight属性读取元素的尺寸 479
14.4.3 读取复杂结构中的元素尺寸 481
14.4.4 读取浏览器窗口大小 485
14.5 使用JavaScript定位 486
14.5.1 在窗口中的位置 487
14.5.2 相对父元素的位置 489
14.5.3 相对包含块的位置 489
14.5.4 定义偏移位置 490
14.5.5 定义相对位置 490
14.5.6 确定光标位置 491
14.5.7 确定光标的相对位置 492
14.5.8 确定滚动条的位置 493
14.5.9 定义滚动条的位置 493
14.6 使用JavaScript设置显隐效果 494
14.6.1 设置显隐效果 494
14.6.2 设置透明度 495
14.6.3 控制动画时长 496
14.6.4 设计滑动效果 499
第15章 使用CSS设计XML文档样式 502
视频讲解：43分钟
15.1 XML基础 503
15.1.1 XML文档基本结构 503
15.1.2 声明 504
15.1.3 处理指令 504
15.1.4 注释 505
15.1.5 标签 505
15.1.6 属性 506
15.2 设置XML文档样式 507
15.2.1 CSS样式表 507
15.2.2 XSL样式表 508
15.3 CSS与XML文档关联 510
15.3.1 直接嵌入CSS样式 510
15.3.2 导入外部CSS样式表文件 512
15.3.3 @ import 513
15.4 案例实战 513
15.4.1 设计诗情画意图文效果 513
15.4.2 设计新闻版面效果 515
第16章 使用CSS滤镜 519
视频讲解：43小时分钟
16.1 CSS滤镜概述 520
16.1.1 基本用法 520
16.1.2 恰当选用滤镜 520
16.2 常用CSS滤镜 521
16.2.1 通道（Alpha） 521
16.2.2 模糊（Blur） 523
16.2.3 运动模糊（MotionBlur） 524
16.2.4 透明色（Chroma） 525
16.2.5 翻转（Flip） 527
16.2.6 光晕（Glow） 528
16.2.7 灰度（Gray） 529
16.2.8 反色（Invert） 530
16.2.9 遮罩（Mask） 531
16.2.10 阴影（Shadow） 532
16.2.11 X射线（Xray） 534
16.2.12 浮雕（Emboss） 535
16.2.13 波浪（Wave） 536
16.3 案例实战 537
· · · · · · (收起)
读后感
用户评价
看到《CSS+DIV网页样式与布局从入门到精通》这个书名，我脑海中立刻浮现出那些在网页设计中遇到的各种挑战。我一直希望能够独立设计出美观且响应式的网页，但常常被复杂的布局和样式问题所困扰。我猜想这本书会从最基础的HTML结构入手，详细讲解如何使用DIV标签来划分网页内容，并强调语义化标签的重要性。随后，它应该会深入到CSS的世界，从选择器、属性、值的基本概念讲起，逐步引导读者掌握各种样式属性的应用。我特别期待书中能有关于浮动（float）和清除浮动（clear）的详细讲解，这部分内容常常是布局中的“拦腰一刀”，让我头疼不已。我希望这本书能够提供清晰的解决方案，帮助我彻底理解并掌握这些技巧，从而能够轻松实现多栏布局，并避免出现各种因浮动引起的布局问题。
我最近在学习网页开发，而《CSS+DIV网页样式与布局从入门到精通》这个书名，让我觉得这本书的定位非常准确，完全符合我希望获得的学习效果。我希望这本书能够像一个循序渐进的指南，首先带我理解HTML的基本结构，特别是如何运用DIV标签来构建语义化的网页骨架。随后，它应该会详细介绍CSS的基础知识，比如选择器、属性、值，以及它们是如何作用于HTML元素的。我特别期待书中能够深入讲解CSS的盒模型（Box Model），包括content、padding、border和margin这四个关键部分，以及它们如何影响元素的大小和间距。我希望通过对盒模型的透彻理解，能够解决我在排版中遇到的很多疑难杂症，让我能够更加精确地控制元素的尺寸和位置，最终实现我想要的网页布局效果。
我对网页设计的热情一直未减，但总是在CSS和DIV的实操过程中遇到瓶颈。《CSS+DIV网页样式与布局从入门到精通》这个书名，仿佛为我量身定制。我期待这本书能够像一位经验丰富的向导，带领我从最基础的CSS语法和HTML结构入手，循序渐进地讲解如何使用DIV标签来划分页面区域，并强调语义化的重要性。我特别希望书中能够深入讲解CSS的盒子模型（Box Model），让我能够清晰理解margin、padding、border和content之间的关系，以及它们如何影响元素的尺寸和间距。此外，我也非常期待书中能够详细讲解CSS的定位（positioning）属性，如relative、absolute、fixed和sticky，以及它们在实现各种复杂布局中的应用。
作为一名刚踏入前端领域的新手，《CSS+DIV网页样式与布局从入门到精通》这个书名给我一种“指明灯”般的希望。我一直对如何将设计稿转化为真实的网页感到好奇，而CSS和DIV无疑是实现这一目标的关键。我期望这本书能够从零开始，以最通俗易懂的语言解释CSS的基本语法，例如如何选择元素、如何应用样式属性，以及如何理解属性值。同时，它应该会详细介绍DIV标签的用法，以及如何利用它们来划分页面的各个区域，比如页头、导航、主体内容、侧边栏和页脚。我尤其关注书中关于“布局”的部分，我希望它能够系统地讲解各种布局技术，从传统的float布局到更现代的Flexbox和Grid布局，并且能够详细说明每种技术的优缺点和适用场景，让我能够根据实际需求选择最合适的布局方式。
当我看到《CSS+DIV网页样式与布局从入门到精通》这个书名时，我的内心充满了期待。我一直以来都对网页设计充满热情，但总是感觉自己在CSS和DIV的实际应用上有所欠缺，尤其是在构建复杂且美观的网页布局方面，常常感到力不从心。我设想这本书会从最基础的HTML结构开始，详细介绍DIV标签的用法，以及如何通过div嵌套来构建出清晰、语义化的网页骨架。随后，它会深入讲解CSS的各种样式属性，从基础的文本样式、颜色、背景，到更高级的定位、浮动和盒模型。我特别希望书中能够详细讲解CSS的响应式设计技巧，例如媒体查询（Media Queries）的应用，让我能够创建出在不同设备上都能良好显示的网页。
这本书的名字听起来就很有吸引力，我一直对网页设计和布局很感兴趣，但又苦于没有系统的方法，总是东拼西凑地学习，效果总是差强人意。看到《CSS+DIV网页样式与布局从入门到精通》这个书名，我就觉得它可能正是我需要的“救星”。虽然我还没有来得及仔细翻阅，但仅仅是这个书名就给了我一种“权威”和“全面”的预感。我设想这本书应该会从最基础的CSS语法和DIV标签的语义化使用讲起，一步步引导读者理解网页结构是如何通过HTML来搭建，然后又如何通过CSS来赋予它美妙的“灵魂”。我特别期待它能讲解一些关于盒模型（Box Model）的精髓，我知道这是理解网页布局的关键，很多时候我都会在margin、padding和border之间纠结不清，希望这本书能彻底解开我的困惑，让我能够清晰地掌握元素之间的间距、边框的样式以及它们如何影响整体布局。
说实话，市面上关于CSS和DIV的书籍琳琅满目，挑选起来确实让人眼花缭乱。但《CSS+DIV网页样式与布局从入门到精通》这个书名，却有一种直击核心的感觉，仿佛它不像某些书籍那样只停留在浅尝辄止的层面，而是真的要带你“从入门到精通”。我脑海中勾勒出的画面是，这本书会像一位耐心细致的老师，首先将CSS的基本概念，比如选择器（Selector）、属性（Property）和值（Value）等，以最清晰易懂的方式呈现出来。然后，它会重点讲解如何利用DIV这个强大的容器标签来划分网页的各个区域，比如导航栏、内容区、侧边栏、页脚等等，并且强调语义化的重要性，告诉我如何让HTML结构更具可读性和可维护性。我特别希望书中能有大量的实例，通过实际操作来巩固理论知识，让我能够亲手搭建出各种风格的网页布局，从简单的两栏式到复杂的响应式设计，都能游刃有余。
我最近在考虑转型做前端开发，而CSS和DIV则是前端开发绕不开的两大基石。当我看到《CSS+DIV网页样式与布局从入门到精通》这本书时，我立刻被它“从入门到精通”的承诺所吸引。这不仅仅是一个简单的技术教程，更像是一个完整的学习路径图。我设想这本书会循序渐进地引导我掌握CSS的各种属性，例如颜色（color）、背景（background）、字体（font）、文本（text）等，并深入理解它们在网页设计中的应用。更重要的是，它应该会花大量篇幅讲解如何利用DIV来构建网页的结构，以及如何通过CSS来控制这些DIV元素的排版、对齐、定位等等。我特别期待书中能够深入讲解CSS的定位（positioning）属性，包括static、relative、absolute、fixed和sticky，这些属性常常让我感到困惑，希望通过这本书的学习，我能够真正理解它们的作用和应用场景，从而能够实现各种复杂的页面布局。
我对网页设计一直抱有浓厚的兴趣，虽然之前也零散地学习过一些CSS和DIV的知识，但总感觉缺乏系统性，尤其是在网页布局方面，常常感到力不从心。《CSS+DIV网页样式与布局从入门到精通》这个书名，恰好击中了我的痛点。我预期这本书会从最根本的HTML结构讲起，详细阐述DIV标签在网页布局中的核心作用，以及如何通过合理的div嵌套来搭建出清晰、语义化的网页骨架。紧接着，它会带领读者进入CSS的奇妙世界，从基础的样式属性，如颜色、字体、背景等，逐步深入到更复杂的布局技术。我尤其渴望书中能详细讲解CSS的Flexbox（弹性盒子模型）和Grid（网格布局）这两个现代布局的重要工具。我知道它们能够极大地简化和优化网页的布局过程，我希望通过这本书的学习，能够熟练运用它们来创建各种灵活、响应式的页面布局，告别过去那些繁琐的float技巧。
一直以来，我都在寻找一本能够真正帮助我掌握CSS和DIV精髓的书籍，而《CSS+DIV网页样式与布局从入门到精通》这个书名，让我看到了希望。我猜想这本书会像一位经验丰富的导师，首先带领我认识CSS的基础，包括各种选择器类型、常用属性以及它们的作用。然后，它会详细阐述DIV标签在网页结构划分中的重要性，并且会强调语义化HTML的重要性，让我能够写出更易于理解和维护的代码。我最期待的是书中关于“布局”的部分，我希望它能够系统地讲解如何通过CSS来实现各种复杂的网页布局，比如响应式布局、多栏布局以及元素的对齐和定位。我特别希望能看到书中讲解如何使用CSS的display属性，包括block、inline、inline-block、flex和grid，以及它们在不同场景下的应用，从而让我能够更灵活地控制元素的排列方式。
比较详细的一本书，适合概览过CSS和HTML的读者。实例也很多，有助于及时消化吸收。
比较详细的一本书，适合概览过CSS和HTML的读者。实例也很多，有助于及时消化吸收。
同系列里相当好的一本书。
同系列里相当好的一本书。
很实的好书，推荐给大家。
