CSS从入门到精通

《CSS从来自入门到精通》从基本概念到具体实践、从对网页的认识到制作网页、从使用CSS进行网页局部的设计到进行整个网站的布局制作进行了详细的阐述，以理论结合实际的方式循序渐进地讲述了网页基础知识和CSS布局的实战技术。

• 书名 CSS从入门到精通
• 作者 关涛
• 类别 网页设计
• 出版社 化学工业出版社
• 出版时间 2009年08月

内容简来自介

　　本书内容丰富，注重思维方法的转变和提高实际操作能力，以最简单的方法介绍使用CSS进行符合Web标准的网页设计的相关知识和技巧。全书以CSS布局为主体内容，探讨CSS布局的入门知识与360百科网站布局实战技巧、版式布局到细节、浏览器兼容性等，帮助读者改变传统的网站设计思维，进入基于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 CS地明需例剧杂供创S+DIV的含义 15

　　.1.5.2 CSS+DIV网站设计甚江座跟苗宽王举错犯的优势 15

　　1.6 小结 16

　　第2章 CSS基础知识 18

　　2.1 CSS的基本语法 1才面永利作故8

　　2.1.1 CSS的基本语法构成 18

　　2.1.2 一个CSS样式的简单实例 18

　　2.2 CSS的选择符 1挥旧职更将洋慢讨齐盟团9

　　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的常用属性及属性值 2族处轮独货千买待题随衡4

　　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 在XHT端权局轻区微ML头信息标识符里添加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与Javascr稳首又措重间祖八ipt基础 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

作者来自简介

　　本丛书的作者团队360百科对计算机程序设计类图书市场有很好的敏感性，对出版动态有准确的把握，对计算机技术的发展进行长期跟踪。该团队长期以来致力于计算机图书的内容提供和策划，已经出版的多个系列图书都在计算机图书市场上有良好的口碑，都曾抗武经引领了当年的计算机程序设计畅销书。