CSS3+DIV网页样式与布局从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

CSS3+DIV网页样式与布局从入门到精通PDF格式电子书版下载

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

第1章 CSS样式设计基础1

1.1 网页设计需要学什么1

1.1.1 学习HTML1

1.1.2 掌握DIV布局2

1.1.3 学习CSS2

1.1.4 学习JavaScript3

1.2 设计良好的结构4

1.2.1 一个简单的文档必须包含的内容4

1.2.2 认识标签5

1.2.3 选用标签7

1.2.4 使用div和span7

1.2.5 使用id和class8

1.2.6 设置文档类型9

1.2.7 认识显示模式9

1.3 初识CSS11

1.3.1 CSS发展历史11

1.3.2 CSS优势12

1.3.3 CSS样式12

1.3.4 应用CSS样式12

1.3.5 CSS样式表14

1.3.6 导入样式表14

1.3.7 CSS注释和格式化14

1.3.8 设计第一个样式示例15

1.4 CSS选择器16

1.4.1 认识CSS选择器16

1.4.2 标签选择器16

1.4.3 ID选择器17

1.4.4 类选择器18

1.4.5 指定选择器20

1.4.6 包含选择器20

1.4.7 子选择器22

1.4.8 相邻选择器22

1.4.9 兄弟选择器23

1.4.10 分组选择器25

1.4.11 伪选择器25

1.4.12 属性选择器26

1.4.13 通用选择器28

1.5 CSS特性28

1.5.1 层叠性28

1.5.2 继承性29

第2章 使用CSS设置字体和文本样式30

2.1 字体和文本样式基础30

2.1.1 字体类型30

2.1.2 字体大小32

2.1.3 字体颜色35

2.1.4 字体粗细35

2.1.5 斜体字体36

2.1.6 装饰线37

2.1.7 字体大小写38

2.1.8 文本水平对齐39

2.1.9 文本垂直对齐41

2.1.10 字间距和词间距42

2.1.11 行高43

2.1.12 首行缩进45

2.2 实战案例47

2.2.1 模拟百度Logo样式47

2.2.2 定义标题样式49

2.2.3 定义正文样式51

2.2.4 设计文本块样式52

2.2.5 设计新闻版面55

2.2.6 设计图文版面59

2.2.7 设计单页版式63

第3章 使用CSS设置图片样式66

3.1 图片样式基础66

3.1.1 图片边框66

3.1.2 图片大小68

3.1.3 图片对齐69

3.1.4 半透明图片71

3.1.5 圆角图片72

3.1.6 阴影图片73

3.2 实战案例75

3.2.1 设计镶边效果75

3.2.2 设计水印效果76

3.2.3 图文混排78

3.2.4 图片布局81

3.2.5 多图版式84

3.2.6 圆角栏目87

3.2.7 设计个人简历190

3.2.8 设计个人简历294

第4章 使用CSS控制背景图像98

4.1 背景样式基础98

4.1.1 背景颜色98

4.1.2 版块配色99

4.1.3 设置背景图像103

4.1.4 背景平铺104

4.1.5 背景定位106

4.1.6 固定背景109

4.1.7 定位参考110

4.1.8 背景裁剪112

4.1.9 背景大小113

4.1.10 多背景图115

4.2 实战案例116

4.2.1 设计带花纹的网页边框116

4.2.2 设计圆边页面121

4.2.3 设计分栏版式125

4.2.4 设计滑动门菜单127

4.2.5 设计焦点图130

第5章 使用CSS定义链接样式133

5.1 链接样式基础133

5.1.1 设置链接样式133

5.1.2 定义下划线样式134

5.1.3 定义类型标识样式136

5.1.4 定义按钮样式137

5.1.5 案例：基本链接样式应用140

5.2 实战案例144

5.2.1 鼠标光标样式144

5.2.2 文档类型提示147

5.2.3 工具提示样式148

5.2.4 立体菜单栏150

5.2.5 设计CSS Sprites导航栏152

5.2.6 选项卡156

5.2.7 浏览大图160

第6章 使用CSS设计列表样式163

6.1 列表样式基础163

6.1.1 设置项目符号163

6.1.2 自定义项目图标166

6.1.3 定义列表项目的版式167

6.2 实战案例168

6.2.1 设计新闻栏目168

6.2.2 设计导航菜单172

6.2.3 设计多级菜单175

6.2.4 设计列表版式178

6.2.5 使用列表设计图文混排页面181

6.2.6 设计水平滑动菜单187

6.2.7 设计垂直滑动菜单189

6.2.8 设计Tab面板191

6.2.9 设计下拉式面板193

第7章 使用CSS设计表格样式196

7.1 表格样式基础196

7.1.1 设置表格背景色和前景色196

7.1.2 设置表格边框198

7.1.3 设置单元格边距199

7.1.4 设置表格标题的位置200

7.1.5 隐藏空单元格201

7.2 实战案例202

7.2.1 设计课程表202

7.2.2 设计通讯录204

7.2.3 设计月历208

7.2.4 设计分组表格212

第8章 使用CSS设计表单样式218

8.1 表单样式基础218

8.1.1 定义表单字体样式218

8.1.2 定义表单边框和边距样式221

8.1.3 定义表单背景样式223

8.2 实战案例226

8.2.1 定义表单样式226

8.2.2 设计下拉菜单样式230

8.2.3 设计注册表231

8.2.4 设计调查表235

8.2.5 设计反馈表241

第9章 使用 DIV＋CSS布局网页245

9.1 CSS盒模型245

9.1.1 定义边界245

9.1.2 定义补白248

9.1.3 定义边框251

9.1.4 定义尺寸253

9.2 CSS布局基础255

9.2.1 定义显示类型255

9.2.2 定义显示模式255

9.2.3 网页布局样式256

9.2.4 设置浮动显示257

9.2.5 清除浮动260

9.2.6 浮动嵌套262

9.2.7 网页布局方法263

9.3 实战案例267

9.3.1 网站重构267

9.3.2 设计两列网页272

9.3.3 设计三列网页277

第10章 使用CSS定位282

10.1 CSS定位基础282

10.1.1 设置定位显示282

10.1.2 静态定位283

10.1.3 绝对定位283

10.1.4 相对定位284

10.1.5 固定定位285

10.1.6 定位包含框286

10.1.7 设置定位偏移289

10.1.8 设置层叠顺序293

10.1.9 层叠上下文295

10.2 实战案例297

10.2.1 画册式网页定位297

10.2.2 展厅式网页定位301

10.2.3 书签式网页定位306

第11章 网页版式设计与实战311

11.1 HTML结构重构311

11.1.1 设计基本结构311

11.1.2 SEO结构优化313

11.2 单列版式314

11.3 两列版式316

11.3.1 弹性版式316

11.3.2 固宽版式319

11.3.3 混合版式320

11.4 三列版式324

11.4.1 弹性版式324

11.4.2 固宽版式328

11.4.3 混合版式329

11.4.4 多列等高333

11.5 实战案例336

11.5.1 设计单列固宽网页336

11.5.2 设计单列弹性框架网页341

11.5.3 设计两列弹性网页347

11.5.4 设计三列弹性网页352

第12章 使用CSS3布局网页356

12.1 多列流动布局356

12.1.1 设置列宽356

12.1.2 设置列数357

12.1.3 设置列间距358

12.1.4 设置列边框样式359

12.1.5 设置跨列显示360

12.1.6 设置列高度361

12.2 弹性盒布局362

12.2.1 定义Flexbox363

12.2.2 定义伸缩方向365

12.2.3 定义行数366

12.2.4 定义对齐方式368

12.2.5 定义伸缩项目370

12.3 实战案例373

12.3.1 比较三种布局方式373

12.3.2 设计可伸缩网页模板377

12.3.3 设计多列网页381

12.3.4 设计HTML5应用网页模板383

第13章 使用CSS3设计动画387

13.1 设计2D变换387

13.1.1 定义旋转387

13.1.2 定义缩放388

13.1.3 定义移动389

13.1.4 定义倾斜391

13.1.5 定义矩阵392

13.1.6 定义变换原点393

13.2 设计3D变换394

13.2.1 定义位移395

13.2.2 定义缩放397

13.2.3 定义旋转398

13.3 设计过渡动画401

13.3.1 设置过渡属性401

13.3.2 设置过渡时间402

13.3.3 设置延迟时间402

13.3.4 设置过渡动画类型403

13.3.5 设置触发方式404

13.4 设计帧动画410

13.4.1 设置关键帧410

13.4.2 设置动画属性411

13.5 实战案例414

13.5.1 设计挂图414

13.5.2 设计高亮显示415

13.5.3 设计3D几何体416

13.5.4 设计旋转的盒子419

13.5.5 设计可折叠面板421

13.5.6 设计翻转广告422

13.5.7 设计跑步动画424

第14章 设计可响应的移动网页426

14.1 响应式设计基础426

14.1.1 响应式设计流程426

14.1.2 设计响应式图片427

14.1.3 定义媒体类型429

14.1.4 使用＠media430

14.1.5 在＜link＞中定义媒体查询433

14.1.6 设计响应式布局437

14.2 实战案例441

14.2.1 根据设备控制显示内容441

14.2.2 设计伸缩菜单444

14.2.3 设计可响应网页模板446

14.2.4 设计响应式网站首页448

第15章 使用JavaScript控制CSS样式452

15.1 在网页中使用JavaScript452

15.1.1 使用＜script＞标签452

15.1.2 脚本位置454

15.1.3 延迟执行455

15.1.4 异步响应456

15.1.5 脚本样式与CSS样式457

15.2 获取网页对象458

15.2.1 获取元素458

15.2.2 使用CSS选择器460

15.2.3 遍历DOM节点461

15.2.4 遍历元素462

15.3 操作类样式464

15.3.1 获取类样式464

15.3.2 添加类样式465

15.3.3 删除类样式466

15.4 读写行内样式467

15.4.1 CSS脚本特性467

15.4.2 使用style对象468

15.5 读写样式表中样式473

15.5.1 使用styleSheets对象474

15.5.2 访问样式475

15.5.3 读取选择符477

15.5.4 编辑样式478

15.5.5 添加样式479

15.5.6 读取最终样式480

15.6 获取尺寸483

15.6.1 获取对象大小483

15.6.2 获取可视区域大小484

15.6.3 获取偏移大小487

15.6.4 获取窗口大小488

15.7 获取位置489

15.7.1 获取偏移位置489

15.7.2 获取相对位置491

15.7.3 获取定位位置492

15.7.4 获取鼠标指针位置492

15.7.5 获取鼠标指针相对位置493

15.7.6 获取滚动条位置495

15.8 设置位置495

15.8.1 设置偏移位置495

15.8.2 设置相对位置496

15.8.3 设置滚动条位置497

15.9 显示497

15.9.1 可见性497

15.9.2 透明度498

15.10 实战案例499

15.10.1 使用定时器499

15.10.2 设计运动502

15.10.3 设计渐变503

15.10.4 设计换肤504

第16章 使用CSS设计XML文档样式507

16.1 XML样式基础507

16.1.1 XML文档结构507

16.1.2 嵌入CSS样式509

16.1.3 使用CSS样式表510

16.2 实战案例512

16.2.1 设计特效文字512

16.2.2 设计表格样式513

16.2.3 设计图文页面516

16.2.4 设计正文版面517