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

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

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

第1篇CSS基础篇2

第1章 CSS的初步体验2

1.1 CSS的概念3

1.1.1 网页中标记的概念3

1.1.2 HTML与CSS的优缺点5

1.1.3 浏览器对CSS的支持7

1.2 网页设计中的CSS8

1.2.1 CSS能做什么8

1.2.2 CSS的局限性是什么9

1.3 网站CSS赏析9

1.3.1 案例1——商务网站CSS样式赏析9

1.3.2 案例2——游戏网站CSS样式赏析10

1.4 编写我的第一个CSS样式10

1.4.1 从零开始11

1.4.2 加入图片13

1.4.3 加入CSS代码控制图片14

1.4.4 CSS的注释14

1.5 CSS语法书写标准及功能15

1.5.1 规则块15

1.5.2 ＠规则15

1.5.3 规则集17

1.5.4 关键字17

1.5.5 字符串18

1.5.6 CSS样式标准19

高手私房菜19

技巧：Dreamweaver的多种视图方式19

第2章 CSS样式核心基础21

2.1 使用CSS选择器22

2.1.1 标记选择器22

2.1.2 类别选择器23

2.1.3 ID选择器26

2.2 在HTML中调用CSS的方法27

2.2.1 直接定义CSS样式27

2.2.2 内嵌式CSS样式28

2.2.3 链接式CSS样式29

2.2.4 导入外部CSS样式31

2.2.5 CSS样式生效的优先级33

高手私房菜33

技巧1：使用图形工具创建CSS样式33

技巧2： CSS字体属性简写规则34

第3章 网页样式代码的生成方法35

3.1 从零开始手工编写36

3.1.1 手工编写HTML文件36

3.1.2 控制网页内容显示38

3.2 完整网页代码分析39

3.2.1 获取网页代码40

3.2.2 查看网页样式代码40

3.3 使用Dreamweaver辅助工具创建页面41

3.4 在Dreamweaver中新建CSS样式41

3.5 在Dreamweaver中编辑CSS样式44

3.6 为图像创建CSS样式45

高手私房菜46

技巧：复制和粘贴文本的方式46

第4章 用CSS设置文本样式47

4.1 样式的参数单位48

4.2 设置网页文本的基本样式51

4.2.1 网页文本颜色的定义51

4.2.2 网页文本字体的定义52

4.2.3 设置具体文字的字体54

4.2.4 设置文字的倾斜效果55

4.2.5 设置文字的加粗效果56

4.3 设置网页文本的行高与间距57

4.3.1 设置网页文字的间距58

4.3.2 设置网页文字行间距59

4.3.3 设置网页文字段落间距60

4.4 设置网页文本的对齐方式61

4.4.1 设置文本的水平对齐方式62

4.4.2 设置文本的垂直对齐方式63

4.5 设置文字与背景的颜色64

4.5.1 使用样式参数进行设置64

4.5.2 更简洁的解决方案66

4.6 设置其他网页文本样式68

4.6.1 英文字母大小写自动转换效果68

4.6.2 网页文字的装饰效果69

4.6.3 段落首行缩进效果70

高手私房菜72

技巧：标题的图像替换72

第5章 用CSS设置网页图像特效73

5.1 设置图片边框74

5.1.1 图片边框的基本属性74

5.1.2 为不同的边框分别设置样式75

5.2 图片缩放功能的实现77

5.3 图文混排79

5.3.1 文字环绕79

5.3.2 设置图片与文字的间距81

5.4 案例——个人养生网页83

5.5 设置图片与文字的对齐方式85

5.5.1 横向对齐方式85

5.5.2 纵向对齐方式87

高手私房菜89

技巧1：解决在浏览器中图片无法显示的问题89

技巧2：解决图片超出撑破DIV的问题90

第6章 用CSS设置网页背景颜色与背景图像91

6.1 设置背景颜色92

6.2 设置背景图像93

6.3 设置背景图像平铺94

6.4 设置背景图像位置96

6.5 设置固定的背景图像位置99

6.6 设置图像替换标题100

6.7 设置滑动门效果的标题102

高手私房菜104

技巧：网页文字颜色的搭配技巧104

第7章 掌握CSS的高级特性105

7.1 复合选择器106

7.1.1 “交集”选择器106

7.1.2 “并集”选择器107

7.1.3 后代选择器109

7.2 CSS的继承特性110

7.2.1 继承关系110

7.2.2 CSS继承的运用112

7.3 CSS的层叠特性113

高手私房菜116

技巧1：继承性116

技巧2：组选择器116

第2篇CSS+DIV美化和布局篇118

第8章 CSS定位与DIV布局核心技术118

8.1 块级元素和行内级元素119

8.1.1 块级元素和行内级元素的不同119

8.1.2 DIV元素和Span元素121

8.2 使用DIV标记与span标记布局网页级元素122

8.3 盒子模型124

8.3.1 盒子模型的概念124

8.3.2 网页border区域定义125

8.3.3 网页padding区域定义128

8.3.4 网页margin区域定义130

8.4 box类型和display属性131

8.4.1 HTML元素默认的box类型132

8.4.2 块级元素和块级box133

8.4.3 行内级元素和行内级box133

8.4.4 插入式box134

8.5 可视性135

8.6 案例1——图文层叠效果137

8.7 案例2——歌曲编辑列表140

高手私房菜142

技巧1：什么时候使用Visibility或者Display属性142

技巧2： CSS border的默认值142

第9章 CSS+DIV盒子的浮动与定位143

9.1 定义DIV144

9.1.1 什么是DIV144

9.1.2 插入DIV144

9.1.3 DIV的嵌套和固定格式146

9.2 CSS布局定位146

9.2.1 浮动定位147

9.2.2 position定位149

9.3 盒子的浮动151

9.4 盒子的定位153

9.4.1 静态定位154

9.4.2 相对定位154

9.4.3 绝对定位156

9.4.4 固定定位157

9.5 可视化盒模型157

9.5.1 盒子模型157

9.5.2 视觉可视化模型158

9.5.3 空白边叠加158

9.6 固定宽度网页剖析与布局159

9.6.1 网页单列布局模式160

9.6.2 网页1-2-1型布局模式164

9.6.3 网页1-3-1型布局模式169

9.6.4 网页1-（（1-2）+1）-1型布局模式171

9.7 自动缩放网页剖析与布局174

9.7.1 网页1-2-1型布局模式174

9.7.2 网页1-3-1型布局模式176

9.7.3 变宽布局方法总结178

9.7.4 分列布局背景色的设置178

高手私房菜180

技巧1：CSS在容器内定位180

技巧2：框架中百分比的关系180

第10章 CSS+DIV美化与布局实战181

10.1 框架搭建182

10.2 案例1——企业门户网站183

10.2.1 设计分析183

10.2.2 布局分析183

10.2.3 制作步骤183

10.3 案例2——时政新闻网站196

10.3.1 设计分析196

10.3.2 布局分析196

10.3.3 制作步骤197

高手私房菜201

技巧1：控制网页背景颜色201

技巧2：控制网页背景图片以及显示方式202

第3篇综合应用篇204

第11章CSS滤镜的综合应用204

11.1使用CSS滤镜205

11.1.1 Alpha滤镜（透明度滤镜）205

11.1.2 Blur滤镜（模糊滤镜）208

11.1.3 MotionBlur滤镜（运动模糊滤镜）209

11.1.4 Dropshadow滤镜（阴影滤镜）211

11.1.5 Shadow滤镜（文字阴影滤镜）212

11.1.6 Flip滤镜（翻转滤镜）213

11.1.7 Glow滤镜（光晕滤镜）215

11.1.8 Gray滤镜（灰度滤镜）216

11.1.9 Invert滤镜（可视化属性翻转滤镜）217

11.1.10 Xray滤镜（X光滤镜）218

11.1.11 Mask滤镜（遮罩滤镜）219

11.1.12 Wave滤镜（波浪滤镜）221

11.2 CSS 3中其他模块的新增属性222

11.2.1@media222

11.2.2 Columns224

11.2.3@font-face226

11.2.4 Speech226

11.3案例1——制作商务类网站228

11.3.1设计分析228

11.3.2制作步骤228

11.4案例2——制作娱乐类网站234

11.4.1案例分析234

11.4.2制作步骤234

高手私房菜240

技巧：使用滤镜控制图片的颜色变化240

第12章 CSS3与HTML的综合应用241

12.1使用CSS滤镜242

12.1.1 HTML基本结构242

12.1.2 HTML基本语法243

12.2 CSS3与HTML的结合244

12.3 案例1——渐变式数据表245

12.4 案例2——浮雕式链接特效246

12.5 案例3——网页文字阴影特效248

12.6 案例4——古文诗画特效249

高手私房菜252

技巧1：图片的标题252

技巧2：去掉了CSS标签的type属性252

第13章 CSS 3与JavaScript的综合应用253

13.1 JavaScript概述254

13.1.1 HTML基本结构254

13.1.2 JavaScript的应用范围255

13.2 JavaScript的语法基础255

13.2.1 JavaScript的基本架构256

13.2.2 JavaScript的基本语法257

13.2.3 数据类型和变量257

13.2.4 表达式和运算符258

13.2.5 基本语句260

13.3 应用Spry构件262

13.3.1 HTML基本结构262

13.3.2 插入Spry菜单263

13.3.3 插入Spry选项卡式面板264

13.3.4 插入Spry折叠式构件264

13.3.5 插入Spry可折叠面板264

13.4 案例1——在网页中应用Spry构件265

13.4.1 设计分析265

13.4.2 制作步骤265

13.4.3 案例总结267

13.5 案例2——制作婚纱摄影网站267

13.5.1 案例分析267

13.5.2 制作步骤268

13.5.3 案例总结273

高手私房菜274

技巧：制作弹出信息窗口274

第14章 CSS 3与jQuery的综合应用275

14.1 jQuery基础276

14.1.1 认识jQuery276

14.1.2 jQuery的优势276

14.2 jQuery代码的编写277

14.2.1 搭建jQuery环境277

14.2.2 编写简单的jQuery功能代码278

14.2.3 jQuery代码规范280

14.3 jQuery对象280

14.3.1 jQuery对象简介281

14.3.2 jQuery对象的应用281

14.4 案例——制作幻灯片282

14.4.1 设计分析282

14.4.2 制作步骤283

14.4.3 案例分析285

高手私房菜285

技巧1：直接使用谷歌和微软的服务器上的jQuery285

技巧2：获取最新的Google CDN286

第5章 CSS 3与XML的综合应用287

15.1 XML基础288

15.1.1 XML的特点288

15.1.2 XML与HTML290

15.1.3 XML基本语法292

15.1.4 格式正确的XML文档294

15.2 XML与CSS的链接294

15.2.1 使用xml ： stylesheet指令294

15.2.2 使用＠import指令297

15.3 XML与CSS的应用297

15.3.1 显示学生信息297

15.3.2 实现隔行变色的表格299

15.4 案例1——在HTML页面中调用XML数据302

15.4.1 设计分析302

15.4.2 制作步骤302

15.5 案例2——制作企业网站304

15.5.1 设计分析304

15.5.2 制作步骤304

高手私房菜306

技巧：XML转义字符306

第16章 CSS与Ajax的综合应用307

16.1 Ajax简介308

16.1.1 Ajax的关键元素309

16.1.2 Ajax的优势309

16.1.3 实现Ajax的步骤310

16.1.4 使用CSS的必要性310

16.2 Ajax应用310

16.2.1 创建XMLHttpRequest对象310

16.2.2 发出Ajax请求311

16.2.3 处理服务器响应312

16.2.4 使用CSS样式313

16.3 案例1——使用Ajax实现页面特效314

16.3.1 设计分析314

16.3.2 制作步骤314

16.4 案例2——实现可拖动DIV块317

16.4.1 设计分析317

16.4.2 制作步骤317

高手私房菜323

技巧1：编码问题323

技巧2： IE下的reponseXML问题324

第4篇实战篇326

第17章 购物类网站布局分析326

17.1 淘宝网整体布局分析327

17.1.1 整体设计分析327

17.1.2 排版架构分析328

17.2 制作自己的网站——图书购物网站332

17.2.1 版面架构分析333

17.2.2 网站模块组成334

高手私房菜340

技巧：固定宽度汉字（词）折行340

第18章 社交类网站布局分析341

18.1 开心网整体布局342

18.1.1 布局结构分析342

18.1.2 版面架构分析343

18.1.3 模块组成343

18.2 制作自己的网站——社交网站345

18.2.1 版面架构分析345

18.2.2 网站模块组成346

高手私房菜350

技巧：如何减小CSS体积350