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

21天精通CSS3+DIV网页样式设计与布局PDF格式电子书版下载

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

第1部分 掌握CSS使用技巧4

第1天 激动人心的体验——CSS3样式体现4

1.1认识CSS34

1.1.1 CSS3简介4

1.1.2 CSS3发展历史5

1.1.3浏览器与CSS35

1.2样式表的基本用法6

1.2.1在HTML中插入样式表6

1.2.2单独的链接CSS文件6

1.3 CSS3新增的选择器8

1.3.1属性选择器8

1.3.2结构伪类选择器9

1.3.3 UI元素状态伪类选择器11

1.4技能训练——制作彩色标题12

第2天CSS3的基本语法16

2.1 CSS3选择器16

2.1.1标签选择器16

2.1.2类选择器17

2.1.3 ID选择器18

2.1.4全局选择器19

2.1.5伪类选择器20

2.2选择器声明21

2.2.1集体声明21

2.2.2多重嵌套声明22

2.3 CSS3继承23

2.4技能训练——制作网页新闻菜单24

第3天用CSS3设置丰富的文字效果28

3.1 CSS3文字样式28

3.1.1定义文字的颜色28

3.1.2定义文字的字体29

3.1.3定义文字的字号30

3.1.4加粗字体32

3.1.5定义文字的风格33

3.1.6文字的阴影效果33

3.1.7控制溢出文本35

3.1.8控制换行36

3.1.9字体复合属性37

3.1.10文字修饰效果38

3.2 CSS3段落文字39

3.2.1设置字符间隔39

3.2.2设置单词间隔40

3.2.3水平对齐方式41

3.2.4垂直对齐方式42

3.2.5文本缩进44

3.2.6文本行高45

3.3技能训练——网页图文混排效果46

第4天用CSS3设置图片效果48

4.1图片缩放48

4.1.1通过标记设置图片大小48

4.1.2使用CSS3中width和height49

4.1.3使用CSS3中max-width和max-height49

4.2设置图片的边框51

4.3图片的对齐方式52

4.3.1横向对齐方式52

4.3.2纵向对齐方式53

4.4图文混排效果55

4.4.1设置图片与文字间距55

4.4.2文字环绕效果56

4.5技能训练——酒店宣传单57

第5天用CSS3设置网页中的背景61

5.1设置网页背景颜色61

5.2设置背景图片63

5.2.1添加背景图片63

5.2.2设置背景图片位置64

5.2.3背景图片重复效果66

5.2.4背景图片滚动效果67

5.3 CSS3新增的设置背景属性69

5.3.1设置背景图片大小69

5.3.2背景显示区域70

5.3.3背景图像裁剪区域72

5.4技能训练——我的个人主页73

第6天 使用CSS3美化表格的样式77

6.1 CSS3与表格77

6.1.1表格的基本样式77

6.1.2表格边框宽度80

6.1.3表格边框颜色81

6.2技能训练1——隔行变色83

6.3技能训练2——鼠标悬浮变色表格86

第7天 通过CSS3美化表单样式90

7.1美化表单中的元素90

7.2美化下拉菜单92

7.3美化提交按钮94

7.4技能训练1——美化注册表单96

7.5技能训练2——美化登录表单98

第8天用CSS3制作实用的菜单101

8.1使用CSS3美化菜单101

8.1.1美化无序列表101

8.1.2美化有序列表103

8.1.3图片列表105

8.1.4列表缩进106

8.2无须表格的菜单108

8.3菜单的横竖转换110

8.4技能训练1——制作SOSO导航栏112

8.5技能训练2——制作模拟列表效果116

第2部分 探讨CSS+D IV页面布局122

第9天 修饰网站页面——鼠标特效与超链接特效122

9.1鼠标特效122

9.1.1如何控制鼠标箭头122

9.1.2鼠标变换效果124

9.2超链接特效125

9.2.1改变超链接基本样式125

9.2.2设置超链接背景图128

9.2.3超链接按钮效果129

9.3技能训练1——制作图片鼠标放置特效130

9.4技能训练2——制作图片超链接133

第10天 让一切趋近于完美——CSS3滤镜样式应用135

10.1什么是CSS滤镜135

10.2通道（Alpha）136

10.3模糊（Blur）138

10.4透明色（Chroma）139

10.5翻转变换（Flip）140

10.6光晕（Glow）142

10.7灰度（Gray）143

10.8反色（Invert）144

10.9遮罩（Mask）145

10.10阴影（Shadow）146

10.11 X射线（X-ray）147

10.12图像切换（RevealTrans）148

10.13波浪（Wave）150

10.14渐隐渐现（BlendTrans）151

10.15 立体阴影（DropShadow）153

10.16灯光滤镜（Light）155

第11天 页面布局的黄金搭档——用CSS+DIV灵活进行网页布局157

11.1认识DIV157

11.1.1创建DIV157

11.1.2为什么要用CSS+DIV布局158

11.2 CSS定位与DIV布局159

11.2.1盒子模型159

11.2.2元素的定位160

11.3 CSS+DIV布局的常用方法167

11.3.1使用DIV对页面进行整体规划167

11.3.2设计各块的位置168

11.3.3使用CSS定位168

11.4技能训练——制作个人网站首页170

第12天 布局方式大探讨——CSS+DIV布局剖析181

12.1布局方式分析181

12.2 CSS排版样式186

12.2.1设计上中下版式186

12.2.2设计左右版式191

12.2.3设计自适应宽度布局196

12.2.4设计浮动布局201

12.3新增CSS3多列布局204

12.3.1设置列宽度205

12.3.2设置列数206

12.3.3设置列间距208

12.3.4设置列边框样式209

12.4技能训练1——制作当当网布局211

12.5技能训练2——制作团购网的促销页面216

第3部分CSS的高级应用223

第13天 增加网页的动态效果——CSS与JavaScript的混合应用223

13.1 JavaScript概述223

13.1.1 JavaScript概念223

13.1.2 JavaScript引用224

13.1.3 JavaScript与CSS225

13.2 JavaScript语法基础226

13.2.1数据类型226

13.2.2变量227

13.2.3运算符227

13.2.4流程控制语句230

13.2.5函数237

13.3技能训练1——制作字体的跑马灯效果240

13.4技能训练2——文字升降特效243

13.5技能训练3——打字效果的文字244

13.6技能训练4——跟随鼠标移动的图片246

第14天 这不再是神奇的传说——CSS与XML的混合应用249

14.1 XML概述249

14.1.1 XML简介249

14.1.2 XML的技术优势251

14.1.3 XML的商业优势252

14.1.4 XML与HTML的关系253

14.2 XML语法基础254

14.2.1 XML文档组成和声明254

14.2.2 XML元素介绍256

14.2.3 XML属性258

14.3 CSS修饰XML文件259

14.3.1 XML使用CSS259

14.3.2设置字体属性260

14.3.3设置色彩属性261

14.3.4设置边框属性262

14.3.5设置文本属性263

14.4技能训练1——制作古诗字画265

14.5技能训练2——制作销售清单268

14.6技能训练3——制作新闻页面270

第15天 踏上革命性的征程——CSS与Ajax的混合应用273

15.1Ajax概述273

15.1.1初识Ajax273

15.1.2 Ajax开发模式274

15.1.3 Ajax的组合元素275

15.2 Ajax的工作流程276

15.3 CSS在Ajax中的应用277

第4部分CSS+D IV综合实战282

第16天 商业门户类网站设计282

16.1整体设计282

16.1.1颜色应用分析283

16.1.2架构布局分析283

16.2主要模块设计284

16.2.1网页整体样式插入284

16.2.2网页局部样式286

16.2.3顶部模块样式代码分析294

16.2.4中间主体代码分析295

16.2.5底部模块分析298

16.3网站调整298

16.3.1部分内容调整299

16.3.2模块调整299

16.3.3调整后预览测试301

第17天 教育科研类网站设计303

17.1整体设计303

17.1.1颜色应用分析304

17.1.2架构布局分析304

17.2主要模块设计305

17.2.1网页整体样式插入305

17.2.2顶部模块样式代码分析308

17.2.3中间主体代码分析310

17.2.4底部模块分析311

17.3网站调整312

17.3.1部分内容调整312

17.3.2模块调整313

17.3.3调整后预览测试314

第18天 电子商务类网站设计315

18.1整体布局315

18.1.1整体设计分析316

18.1.2架构布局分析318

18.2主要模块设计320

18.2.1样式代码分析320

18.2.2网页头部代码分析321

18.2.3分类及区域选择模块分析322

18.2.4新品展示模块分析324

18.2.5侧边栏模块分析327

18.2.6热门城市索引模块分析331

18.2.7底部模块分析332

18.3网站调整333

18.3.1部分内容调整333

18.3.2模块调整334

18.3.3调整后预览测试334

第19天 娱乐休闲类网站设计335

19.1整体设计335

19.1.1应用设计分析336

19.1.2架构布局分析338

19.2主要模块设计339

19.2.1网页整体样式插入339

19.2.2顶部模块代码分析341

19.2.3视频模块代码分析342

19.2.4评论模块代码分析342

19.2.5热门推荐模块代码分析344

19.2.6底部模块分析346

19.3网站调整347

19.3.1部分内容调整347

19.3.2调整后预览测试349

第20天 图像影音类网站设计350

20.1整体设计350

20.1.1颜色应用分析351

20.1.2架构布局分析351

20.2主要模块设计352

20.2.1样式代码分析352

20.2.2顶部模块样式代码分析357

20.2.3网站主体模块代码分析358

20.2.4底部模块分析362

20.3网站调整363

20.3.1部分内容调整363

20.3.2模块调整364

20.3.3调整后预览测试367

第21天 巧拿妙用——迅速武装起一个经典网站369

21.1网站规划与分析369

21.1.1网站框架设计369

21.1.2网站栏目划分370

21.1.3网站模块划分370

21.1.4网站色彩搭配371

21.2修改样式表确定网站风格372

21.2.1修改网站通用样式372

21.2.2修改网站布局样式372

21.3借用其他网站优秀模块374

21.3.1导航条模块实现374

21.3.2首页主体布局模块实现376

21.3.3网站底部模块实现380