精通CSS+DIV网页样式与布局PDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1部分 CSS基础知识篇第1章 CSS的初步体验3

1.1 CSS的概念4

1.1.1　标记的概念4

1.1.2　传统HTML的缺点5

1.1.3 CSS的引入7

1.1.4　如何编辑CSS9

1.1.5　浏览器与CSS10

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　体验CSS19

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 CSS继承的运用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公司Logo58

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美化和布局篇第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 border225

10.2.3 padding229

10.2.4 margin231

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混合应用技术篇第13章　CSS与JavaScript的综合应用313

13.1 JavaScript概述314

13.1.1 JavaScript简介314

13.1.2 JavaScript的特点314

13.1.3 JavaScript与CSS315

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与HTML347

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.1 Ajax概述366

15.1.1 什么是Ajax366

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 导航与Banner386

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 内容Banner416

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