精通CSS+DIV网页样式与布局PDF电子书下载

第1部分 CSS基础知识篇 3

第1章 CSS的初步体验 3

1.1 CSS的概念 4

1.1.1标记的概念 4

1.1.2传统HTML的缺点 5

1.1.3 CSS的引入 7

1.1.4如何编辑CSS 9

1.1.5浏览器与CSS 10

1.2使用CSS控制页面 11

1.2.1行内样式 11

1.2.2内嵌式 12

1.2.3链接式 13

1.2.4导入样式 14

1.2.5各种方式的优先级问题 17

1.3体验CSS 19

1.3.1从零开始 19

1.3.2加入CSS控制 21

1.3.3控制图片 23

1.3.4 CSS的注释 26

第2章 CSS的基本语法 27

2.1 CSS选择器 28

2.1.1标记选择器 28

2.1.2类别选择器 29

2.1.3 ID选择器 34

2.2选择器声明 36

2.2.1集体声明 36

2.2.2选择器的嵌套 38

2.3 CSS的继承 40

2.3.1父子关系 40

2.3.2 C SS继承的运用 41

第3章 用CSS设置丰富的文字效果 45

3.1 CSS文字样式 46

3.1.1字体 46

3.1.2文字大小 48

3.1.3文字颜色 51

3.1.4文字粗细 53

3.1.5斜体 54

3.1.6文字的下划线、顶划线和删除线 55

3.1.7英文字母大小写 57

3.2文字实例一：模拟Google公司 Logo 58

3.3文字实例二：制作页面的五彩标题 62

3.4 CSS段落文字 67

3.4.1段落的水平对齐方式 67

3.4.2段落的垂直对齐方式 68

3.4.3行间距和字间距 71

3.4.4首字放大 73

3.5段落实例：百度搜索 75

第4章 用CSS设置图片效果 81

4.1图片样式 82

4.1.1图片边框 82

4.1.2图片缩放 86

4.2图片的对齐 87

4.2.1横向对齐方式 88

4.2.2纵向对齐方式 88

4.3图文混排 91

4.3.1文字环绕 91

4.3.2设置图片与文字间距 93

4.4图文实例：八仙过海 93

第5章 用CSS设置网页中的背景 97

5.1背景颜色 98

5.1.1页面背景色 98

5.1.2用背景色给页面分块 99

5.2背景图片 101

5.2.1页面的背景图 102

5.2.2背景图的重复 103

5.2.3背景图片的位置 107

5.2.4固定背景图片 110

5.2.5添加多个背景图片 112

5.2.6背景样式综合设置 113

5.3背景综合一：我的个人主页 113

5.4背景综合二：古词《念奴娇·赤壁怀古》 118

第6章 用CSS设置表格与表单的样式 123

6.1控制表格 124

6.1.1表格中的标记 124

6.1.2表格的颜色 127

6.1.3表格的边框 127

6.2表格实例一：隔行变色 130

6.3表格实例二：鼠标经过时变色的表格 132

6.4表格实例三：日历 134

6.5 CSS与表单 139

6.5.1表单中的元素 139

6.5.2像文字一样的按钮 142

6.5.3七彩的下拉菜单 144

6.6综合实例一：直接输入的Excel表格 146

6.7综合实例二：模仿新浪网民调查问卷 149

第7章 用CSS设置页面和浏览器的元素 153

7.1丰富的超链接特效 154

7.1.1动态超链接 154

7.1.2按钮式超链接 156

7.1.3浮雕式超链接 158

7.2鼠标特效 163

7.2.1 CSS控制鼠标箭头 164

7.2.2鼠标变幻的超链接 165

7.3页面滚动条 166

第8章 用CSS制作实用的菜单 169

8.1项目列表 170

8.1.1列表的符号 170

8.1.2图片符号 173

8.2无需表格的菜单 175

8.3菜单的横竖转换 178

8.4 菜单实例一：百度导航条 181

8.5菜单实例二：流行的Tab菜单 185

第9章 CSS滤镜的应用 191

9.1滤镜概述 192

9.2通道（Alpha） 192

9.3模糊（Blur） 198

9.4运动模糊（Motion Blur） 199

9.5透明色（Chroma） 200

9.6下落的阴影（Dropshadow） 201

9.7翻转变换（Flip） 203

9.8光晕（Glow） 205

9.9灰度（Gray） 207

9.10反色（Invert） 208

9.11遮罩（Mask） 209

9.12阴影（Shadow） 210

9.13 X射线（X-ray） 211

9.14浮雕纹理（Emboss和Engrave） 212

9.15波浪（Wave） 215

第2部分 CSS+DIV美化和布局篇 221

第10章 理解CSS定位与div布局 221

10.1 〈div〉标记与〈span〉标记 222

10.1.1概述 222

10.1.2 〈div〉与〈span〉的区别 223

10.2盒子模型 224

10.2.1盒子模型的概念 225

10.2.2 border 225

10.2.3 padding 229

10.2.4 margin 231

10.3元素的定位 238

10.3.1 float定位 239

10.3.2 position定位 246

10.3.3 z-index空间位置 254

10.4定位实例一：轻轻松松给图片签名 256

10.5定位实例二：文字阴影效果 257

第11章 CSS+div布局方法剖析 259

11.1 CSS排版观念 260

11.1.1将页面用div分块 260

11.1.2设计各块的位置 262

11.1.3用CSS定位 262

11.2固定宽度且居中的版式 266

11.2.1方法一 266

11.2.2方法二 268

11.3左中右版式 270

11.4块的背景色问题 273

11.5排版实例：电子相册 276

11.5.1搭建框架 277

11.5.2幻灯片模式 278

11.5.3详细信息模式 282

11.6 div排版与传统的表格方式排版的分析 284

第12章 CSS+div美化与布局实战 287

12.1框架搭建 289

12.2实例一：蓝色经典 293

12.3实例二：清明上河图 299

12.4实例三：交河故城 305

12.5自动选择CSS样式 310

第3部分 CSS混合应用技术篇 313

第13章 CSS与JavaScript的综合应用 313

13.1 JavaScript概述 314

13.1.1 JavaScript简介 314

13.1.2 JavaScript的特点 314

13.1.3 JavaScript与CSS 315

13.2 JavaScript语法基础 315

13.2.1数据类型和变量 317

13.2.2表达式及运算符 318

13.2.3基本语句 319

13.3实例一：输入时高亮显示的Excel表格 323

13.4实例二：由远到近的文字 325

13.5实例三：跑马灯特效 327

13.6实例四：图片淡入淡出 329

13.7实例五：CSS实现PPT幻灯片 332

13.8实例六：灯光效果 334

13.9实例七：舞台灯光 336

13.10实例八：探照灯 339

13.11.实例九：鼠标文字跟随 340

第14章 CSS与XML的综合运用 345

14.1 XML基础 346

14.1.1、XML的特点 346

14.1.2 XML与HTML 347

14.1.3 XML基本语法 349

14.2 XML链接CSS文件 352

14.3 XML文字阴影效果 353

14 4 XML古诗字画 356

14.5 XML实现隔行变色的表格 359

第15章 CSS与Ajax的综合应用 365

15.1Ajax概述 366

15.1.1什么是Ajax 366

15.1.2 Ajax的关键元素 367

15.1.3 CSS的重要地位 368

15.2 Ajax入门 370

15.2.1创建XMLHttpRequest对象 370

15.2.2发出Ajax请求 371

15.2.3处理服务器响应 372

15.2.4加入CSS样式 372

15.3 Ajax实例：能够自由拖动布局区域的网页 373

第4部分 综合案例篇 383

第16章 我的博客 383

16.1分析构架 384

16.1.1设计分析 384

16.1.2排版构架 384

16.2模块拆分 386

16.2.1导航与Banner 386

16.2.2左侧列表 388

16.2.3内容部分 392

16.2.4 footer脚注 394

16.3整体调整 395

第17章 小型工作室网站 397

17.1分析构架 398

17.1.1设计分析 398

17.1.2首页排版 399

17.1.3内容页构架 400

17.2模块拆分 400

17.2.1搭建首页 400

17.2.2首页图片 403

17.2.3内容页面 405

17.2.4 footer脚注 407

17.3 整体调整 408

第18章 企业网站 409

18.1分析构架 410

18.1.1设计分析 410

18.1.2排版构架 411

18.2模块拆分 412

18.2.1 Logo与顶端链接 412

18.2.2左侧导航与搜索 414

18.2.3主体内容 416

18.2.4内容Banner 416

18.2.5新闻快递 416

18.2.6公司咨询 417

18.2.7英文刊物 419

18.3整体调整 421

第19章 网上购物网站 423

19.1分析构架 424

19.1.1设计分析 424

19.1.2排版构架 425

19.2模块分析 426

19.2.1 Banner图片 426

19.2.2导航菜单 428

19.2.3鲜花导购 429

19.2.4主体内容 433

19.3整体调整 436

第20章 旅游网站 437

20.1分析构架 438

20.1.1设计分析 438

20.1.2排版构架 438

20.2模块拆分 440

20.2.1 Banner图片与导航菜单 440

20.2.2左侧分栏 441

20.2.3中部主体 443

20.2.4右侧分栏 446

20.2.5脚注（footer） 448

20.3整体调整 449