《CSS从入门到精通》从基本概念到具体实践、从对网页的认识到製作网页、从使用CSS进行网页局部的设计到进行整个网站的布局製作进行了详细的阐述，以理论结合实际的方式循序渐进地讲述了网页基础知识和CSS布局的实战技术。
基本介绍
- 书名：CSS从入门到精通
- 作者：关涛
- ISBN：9787122051233
- 类别：网页设计
- 页数：395 页
- 定价：￥49.80元
- 出版社：化学工业出版社
- 出版时间：2009年08月
- 装帧：平装
- 开本：16开
内容简介
本书内容丰富，注重思维方法的转变和提高实际操作能力，以最简单的方法介绍使用CSS进行符合Web标準的网页设计的相关知识和技巧。全书以CSS布局为主体内容，探讨CSS布局的入门知识与网站布局实战技巧、版式布局到细节、浏览器兼容性等，帮助读者改变传统的网站设计思维，进入基于Web标準的网页设计领域。本书含有大量实例，详细描述各个CSS属性，以及代码编写技巧，方便读者模拟实践。本书适合将要学习或者正在学习使用CSS布局技术用户阅读，并可作为Web前端代码架构的从业人员的参考手册。
图书目录
第一篇 基础知识篇
第1章 与网页有关的基本概念 3
1.1 网页的基本构成 3
1.2 网页的结构设计——HTML与XHTML 4
1.2.1 认识HTML 5
1.2.2 认识XHTML 5
1.2.3 製作一个简单的XHTML网页 6
1.2.4 XHTML的优势 7
1.3 CSS入门 8
1.3.1 感性体验CSS的魅力 8
1.3.2 CSS的概念 11
1.3.3 CSS的特点 11
1.3.4 CSS的优势 12
1.3.5 发挥CSS的优势 12
1.4 Web标準 13
1.4.1 什幺是Web标準 14
1.4.2 Web标準的构成 14
1.4.3 Web标準的表现层技术 15
1.5 CSS+DIV建设网站 15
1.5.1 CSS+DIV的含义 15
.1.5.2 CSS+DIV网站设计的优势 15
1.6 小结 16
第2章 CSS基础知识 18
2.1 CSS的基本语法 18
2.1.1 CSS的基本语法构成 18
2.1.2 一个CSS样式的简单实例 18
2.2 CSS的选择符 19
2.2.1 类型选择符 20
2.2.2 群组选择符 20
2.2.3 包含选择符 20
2.2.4 id、class选择符 21
2.2.5 标籤指定式选择符 22
2.2.6 组合选择符 22
2.2.7 伪类和伪对象 23
2.2.8 通配选择符 23
2.3 CSS的常用属性及属性值 24
2.3.1 color颜色属性 24
2.3.2 常用CSS长度单位 25
2.3.3 百分比值 26
2.3.4 URL路径 26
2.4 CSS的继承性 27
2.5 CSS的添加方法 28
2.5.1 在XHTML标识符里添加CSS 28
2.5.2 在XHTML头信息标识符里添加CSS 28
2.5.3 连结样式表 29
2.5.4 联合使用样式表 30
2.6 CSS的开发环境 31
2.6.1 编辑软体 31
2.6.2 浏览软体 32
2.7 小结 33
第3章 XHTML与Javascript基础 35
3.1 XHTML基础知识 35
3.1.1 XHTML的格式档案 35
3.1.2 XHTML基本结构 36
3.1.3 XHTML网页实例 39
3.2 XHTML的语法构成 40
3.2.1 XHTML中的标籤 40
3.2.2 XHTML的标籤属性 41
3.3 XHTML的语法规範 42
3.3.1 标籤不能重叠，可以嵌套 42
3.3.2 XHTML档案一定要有正确的组织格式 42
3.3.3 标籤名字一定要用小写字母 43
3.3.4 所有的 XHTML 元素一定要关闭 43
3.3.5 独立的一个标籤也要结束用 /]来结束 43
3.4 div标籤 43
3.4.1 什幺是div 44
3.4.2 理解div 44
3.4.3 使用div 46
3.4.4 div的并列与嵌套 46
3.5 span标籤 47
3.5.1 什幺是span 47
3.5.2 span与div的区别 47
3.6 h1至h6标籤 49
3.7 列表製作标籤ul、ol、li 49
3.7.1 ul无序列表 50
3.7.2 ol有序列表 51
3.8 p标籤和br标籤 51
3.8.1 p标籤 51
3.8.2 br标籤 52
3.9 img标籤 53
3.9.1 img标籤的属性 53
3.9.2 img标籤使用方法 53
3.10 表单标籤 54
3.10.1 form标籤 54
3.10.2 input标籤 54
3.10.3 分组标籤fieldset、legend 56
3.11 JavaScript简介 57
3.12 JavaScript语言基础 58
3.12.1 插入JavaScript 58
3.12.2 基本语法 59
3.12.3 变数和数据类型 59
3.12.4 语句 60
3.13 JavaScript的对象及其属性和方法 63
3.14 事件处理 64
3.14.1 事件处理的类型 64
3.14.2 指定事件处理 64
3.15 小结 65
第4章 浏览器的兼容与解析问题 67
4.1 兼容问题的由来 67
4.2 需要兼容的常用浏览器 67
4.3 CSS hack技术 68
4.3.1 什幺是CSS hack 68
4.3.2 使用CSS hack 69
4.4 常用CSS hack方法介绍 69
4.4.1 禁止IE 6浏览器 70
4.4.2 仅IE 7识别 71
4.4.3 仅IE 6识别 71
4.4.4 仅IE识别 72
4.4.5 兼容IE 6、IE 7、Firefox浏览器 73
4.5 CSS hack管理 75
4.6 IE条件注释功能 76
4.7 小结 76
第二篇 实例製作篇
第5章 使用CSS製作背景 81
5.1 製作颜色背景 81
5.2 给元素添加背景图片 82
5.2.1 指定背景图像 83
5.2.2 製作重複的背景图像 85
5.3 製作不动的背景 86
5.4 给网页添加背景 89
5.5 製作滚动的背景 91
5.6 综合使用背景 92
5.7 小结 94
第6章 使用CSS布局页面顶部内容 95
6.1 製作包含文本logo的页面顶部 95
6.2 製作包含图像logo的页面顶部 97
6.2.1 製作实例 98
6.2.2 兼容问题 100
6.3 製作包含文本banner的页面顶部 102
6.3.1 图片logo的定位 103
6.3.2 定义捷径的文本样式.. 105
6.3.3 定义段落文本banner样式 107
6.4 製作包含图像banner的页面顶部 108
6.5 小结 112
第7章 使用CSS製作网站导航 114
7.1 製作一个简单的横向文字导航条 114
7.2 製作方块导航条 117
7.3 製作标籤式导航 119
7.4 製作按钮导航条 122
7.5 CSS盒模型及盒模型hack 126
7.5.1 盒模型尺寸 126
7.5.2 盒模型hack 128
7.5.3 简单盒模型hack方法 129
7.6 製作会动的长城型导航条 130
7.7 製作基于背景控制的导航条 135
7.8 製作左右自由伸展的导航条 138
7.8.1 九宫格技术原理 139
7.8.2 製作自由伸展的导航条实例 141
7.9 製作一个简单的纵嚮导航条 144
7.9.1 使用ul、li列表标籤製作导航条 145
7.9.2 使用div+h1标籤製作 145
7.10 製作分行导航条 148
7.11 製作增亮导航条 149
7.12 製作动感的导航条 151
7.13 製作下拉式导航条 155
7.13.1 製作实例 155
7.13.2 兼容问题 159
7.14 製作多级弹出导航条 160
7.14.1 製作实例 160
7.14.2 兼容问题 165
7.15 小结 167
第8章 使用CSS製作列表 169
8.1 製作新闻列表 169
8.1.1 製作实例 170
8.1.2 兼容问题 173
8.2 製作排行榜 174
8.3 製作自定义图片项目符号的列表 177
8.3.1 使用列表符号样式属性製作列表 177
8.3.2 使用背景图片属性製作列表符号 180
8.3.3 兼容问题 181
8.4 使用CSS改变列表排版 182
8.5 列表缩进排版 186
8.5.1 製作实例 186
8.5.2 兼容问题 189
8.6 複杂列表排版 191
8.6.1 overflow属性语法结构 191
8.6.2 製作实例 191
8.6.3 兼容问题 196
8.7 小结 198
第9章 使用CSS製作表单 200
9.1 製作登录表单 200
9.1.1 label标籤语法结构 201
9.1.2 製作登录表单实例 201
9.1.3 兼容问题 204
9.2 製作用户注册表单 205
9.2.1 製作页面的XHTML代码 206
9.2.2 製作页面的CSS样式 208
9.3 製作符合W3C标準的表单 213
9.3.1 製作页面的XHTML代码 213
9.3.2 製作页面的CSS样式 216
9.3.3 兼容问题 224
9.4 小结 224
第10章 使用CSS製作内容的版式 226
10.1 製作分栏的文字排版 226
10.2 製作图文混合排版 228
10.2.1 图文混排基本方式 228
10.2.2 製作网站图文混排版式的实例 230
10.3 製作全图排版的实例 235
10.3.1 自由浮动布局 235
10.3.2 其他显示方式布局 240
10.4 小结 242
第11章 使用CSS製作连结样式 243
11.1 製作Windows风格样式的CSS按钮 243
11.1.1 仿Windows经典样式的CSS按钮 243
11.1.2 仿Windows XP风格的CSS按钮 244
11.2 製作仿按钮下陷效果的实例 245
11.3 麵包屑导航连结 246
11.3.1 製作实例 247
11.3.2 兼容问题 249
11.4 小结 250
第12章 使用CSS製作数据表格 252
12.1 製作基本的数据表格 252
12.1.1 表示数据的表格对象标籤 252
12.1.2 使用表格标籤製作表格 252
12.1.3 使用CSS修饰表格样式 254
12.2 製作CSS风格的数据表格 258
12.2.1 表格对象标籤属性 258
12.2.2 CSS属性text-transform 259
12.2.3 製作数据表格实例 259
12.3 小结 266
第13章 使用CSS製作页面底部内容 267
13.1 製作文本信息的页面底部内容 267
13.1.1 a标籤的title属性 267
13.1.2 製作包含文本信息的页面底部XHTML结构代码 267
13.1.3 製作页面的CSS样式 268
13.1.4 兼容问题 272
13.2 製作包含导航连结的页面底部内容 273
13.2.1 製作包含导航连结页面底部的XHTML代码结构 273
13.2.2 製作页面的CSS样式 274
13.3 製作包含图像友情连结的页面底部内容 278
13.3.1 製作页面底部的XHTML结构 278
13.3.2 製作页面的CSS样式 279
13.4 小结 282
第三篇 整体布局篇
第14章 CSS基本布局 287
14.1 一列固定宽度 287
14.2 一列宽度自适应 288
14.3 一列居中 290
14.4 二列固定宽度 292
14.5 二列宽度自适应 293
14.6 两列右列宽度自适应 294
14.7 两列固定宽度居中 297
14.8 三列浮动中间列宽度自适应 299
14.9 高度自适应 302
14.10 小结 303
第15章 CSS整体布局的实现 305
15.1 顶行三列布局的实现 305
15.1.1 製作思路 306
15.1.2 製作顶部三列式布局实例 307
15.2 多区域不规则布局 309
15.2.1 製作思路 310
15.2.2 製作多区域不规则布局的实例 313
15.3 小结 316
第16章 使用Dreamweaver製作页面的实例 317
16.1 框架设计 317
16.1.1 页面分析 318
16.1.2 框架製作 319
16.1.3 切图 323
16.2 布局设计 326
16.2.1 页面顶部布局设计 327
16.2.2 页面中上部的布局设计 329
16.2.3 页面中下部的布局设计 332
16.2.4 页面底部的布局设计 336
16.3 模组设计 338
16.3.1 快速导航製作 338
16.3.2 “麵包屑”製作 341
16.3.3 数据表格製作 342
16.3.4 图片排版 345
16.4 兼容性测试 348
16.5 小结 350
第四篇 综合套用篇
第17章 部落格类网页布局设计 353
17.1 页面布局和规划 354
17.1.1 界面设计分析 354
17.1.2 规划页面布局 354
17.2 CSS结构设计与整体布局设计 356
17.2.1 CSS结构设计 356
17.2.2 整体布局设计 357
17.3 页面头部布局设计 360
17.3.1 製作头部的结构代码 360
17.3.2 编写头部的CSS代码 361
17.4 日誌部分的布局设计 363
17.4.1 製作日誌部分的结构代码 364
17.4.2 编写日誌部分的CSS代码 365
17.5 边栏区域的布局设计 369
17.5.1 製作边栏区域的结构代码 369
17.5.2 编写右边栏区域的CSS代码 370
17.6 页面底部的布局设计 372
17.6.1 製作底部的结构代码 372
17.6.2 编写底部的CSS代码 373
17.7 小结 374
第18章 企业类网页布局设计 375
18.1 页面布局和规划 375
18.1.1 界面设计分析 376
18.1.2 规划页面布局 377
18.2 CSS结构设计与整体布局设计 378
18.2.1 CSS档案结构设计 378
18.2.2 首页布局设计 379
18.3 页面头部布局设计 381
18.3.1 製作头部的结构代码 381
18.3.2 编写头部的CSS样式 382
18.4 页面banner区域的布局设计 383
18.4.1 製作banner区域主体的布局设计 383
18.4.2 製作banner区域各个元素的布局设计 384
18.5 页面主内容区的布局设计 389
18.5.1 製作页面主内容区结构 389
18.5.2 编写CSS样式 390
18.6 频道页面布局设计概述 393
18.7 小结... 394
作者简介
本丛书的作者团队对电脑程式设计类图书市场有很好的敏感性，对出版动态有準确的把握，对计算机技术的发展进行长期跟蹤。该团队长期以来致力于计算机图书的内容提供和策划，已经出版的多个系列图书都在计算机图书市场上有良好的口碑，都曾经引领了当年的电脑程式设计畅销书。