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

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

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

第1章 CSS3基础1

1.1 CSS发展历史2

1.2 使用CSS3

1.2.1 CSS样式3

1.2.2 应用CSS样式4

1.2.3 CSS样式表8

1.2.4 导入外部样式表9

1.2.5 CSS注释10

1.3 CSS特性11

1.3.1 CSS层叠性11

1.3.2 CSS继承性15

1.4 案例实战16

1.5 在线练习20

第2章 使用CSS3选择器21

2.1 元素选择器22

2.1.1 标签选择器22

2.1.2 类选择器22

2.1.3 ID选择器24

2.1.4 通配选择器25

2.2 关系选择器26

2.2.1 包含选择器26

2.2.2 子选择器27

2.2.3 相邻选择器28

2.2.4 兄弟选择器30

2.2.5 分组选择器31

2.3 属性选择器32

2.4 伪类选择器36

2.4.1 动态伪类37

2.4.2 结构伪类40

2.4.3 否定伪类48

2.4.4 状态伪类50

2.4.5 目标伪类52

2.5 在线练习53

第3章 使用CSS美化网页文本54

3.1 字体基本样式55

3.1.1 定义字体类型55

3.1.2 定义字体大小56

3.1.3 定义字体颜色58

3.1.4 定义字体粗细58

3.1.5 定义斜体字体59

3.1.6 定义下划线60

3.1.7 定义字体大小写60

3.2 文本基本样式62

3.2.1 定义文本对齐62

3.2.2 定义垂直对齐63

3.2.3 定义字距和词距65

3.2.4 定义行高66

3.2.5 定义缩进69

3.3 CSS3文本样式70

3.3.1 定义文本阴影70

3.3.2 定义溢出文本72

3.3.3 定义文本换行74

3.3.4 动态添加文本77

3.3.5 自定义字体类型79

3.4 案例实战80

3.4.1 设计Logo样式80

3.4.2 设计标题样式82

3.4.3 设计正文样式85

3.4.4 规划网页字体大小86

3.4.5 设计居中显示88

3.4.6 设计对象垂直对齐90

3.4.7 隐藏和截取网页文字92

3.4.8 设计文章版式96

3.5 在线练习100

第4章 使用CSS美化图像101

4.1 设置图像样式102

4.1.1 定义图像大小102

4.1.2 定义图像边框103

4.1.3 定义图像不透明度106

4.1.4 定义圆角图像107

4.1.5 定义阴影图像108

4.2 设计背景图像样式110

4.2.1 定义背景图像110

4.2.2 定义显示方式111

4.2.3 定义显示位置112

4.2.4 定义固定背景115

4.2.5 定义原点116

4.2.6 定义裁剪区域118

4.2.7 定义大小120

4.2.8 定义多背景图121

4.3 定义渐变背景样式123

4.3.1 线性渐变123

4.3.2 径向渐变128

4.4 案例实战132

4.4.1 设计图文混排版式132

4.4.2 设计按钮134

4.4.3 设计花边框136

4.4.4 设计图片镶边特效137

4.4.5 设计发光的球体138

4.4.6 设计图标138

4.4.7 设计图片水印141

4.5 在线练习142

第5章 使用CSS美化超链接143

5.1 超链接基本样式144

5.2 案例实战146

5.2.1 设计下划线样式146

5.2.2 设计动态下划线样式149

5.2.3 设计按钮样式150

5.2.4 设计背景图像交换样式151

5.2.5 设计鼠标指针样式153

5.2.6 设计图片按钮样式155

5.2.7 设计滑动背景样式156

5.2.8 设计超链接类型样式158

5.3 在线练习160

第6章 使用CSS美化列表161

6.1 列表基本样式162

6.1.1 定义项目符号162

6.1.2 自定义项目符号163

6.1.3 使用背景图像设计项目符号164

6.2 案例实战166

6.2.1 设计堆叠样式166

6.2.2 设计水平排列样式167

6.2.3 设计菜单样式170

6.2.4 设计导航条171

6.2.5 设计下拉菜单174

6.2.6 设计折叠导航面板177

6.2.7 设计带提示信息的菜单180

6.2.8 设计排行榜182

6.2.9 设计图文列表栏目185

6.2.10 设计选项卡188

6.2.11 设计多级菜单191

6.3 在线练习194

第7章 使用CSS美化表格195

7.1 设置属性196

7.1.1 设置表格属性196

7.1.2 设置单元格属性198

7.2 表格基本样式199

7.2.1 设计表格边框线200

7.2.2 定义单元格间距和空隙202

7.2.3 隐藏空单元格203

7.2.4 定义标题样式204

7.3 案例实战206

7.3.1 设计斑马线表格206

7.3.2 设计粗线框表格209

7.3.3 设计浅色风格表格211

7.3.4 设计清新风格表格214

7.3.5 设计圆润边框表格215

7.3.6 设计数据分组表格218

7.3.7 设计单线表格221

7.3.8 设计日历表222

7.4 在线练习226

第8章 使用CSS美化表单227

8.1 HTML5表单基础228

8.2 案例实战230

8.2.1 设计登录表单230

8.2.2 设计信息登记表231

8.2.3 设计易用表单236

8.2.4 设计注册表单239

8.2.5 设计联系表单241

8.2.6 设计高亮样式244

8.2.7 设计图标表单246

8.2.8 设计反馈表248

8.2.9 设计搜索表单253

8.3 在线练习256

第9章 使用DIV+CSS设计网页257

9.1 设计文档结构258

9.1.1 定义文档结构258

9.1.2 使用div和span259

9.1.3 使用id和class260

9.1.4 设置文档类型261

9.1.5 认识显示模式262

9.2 CSS布局基础264

9.2.1 CSS盒模型结构265

9.2.2 盒子大小266

9.2.3 盒子边框267

9.2.4 盒子边界269

9.2.5 盒子补白271

9.2.6 认识显示类型273

9.3 浮动布局275

9.3.1 定义浮动显示275

9.3.2 清除浮动278

9.3.3 浮动嵌套280

9.3.4 混合浮动布局282

9.4 定位显示287

9.4.1 定义定位显示287

9.4.2 定位框290

9.4.3 相对定位292

9.4.4 定位层叠293

9.4.5 混合定位布局295

9.5 案例实战297

9.5.1 设计固宽＋弹性页面298

9.5.2 设计两栏弹性页面299

9.5.3 设计两栏浮动页面301

9.5.4 设计三栏弹性页面302

9.5.5 设计两列固宽＋单列弹性页面305

9.5.6 设计两列弹性＋单列固定页面308

9.6 在线练习310

第10章 使用HTML5+CSS3设计网页311

10.1 HTML5文档基础312

10.1.1 文档变化312

10.1.2 标签用法313

10.1.3 编写HTML5文档314

10.1.4 设计文章块315

10.1.5 设计区块317

10.1.6 设计导航条320

10.1.7 设计辅助栏322

10.1.8 设计主要区域323

10.1.9 设计标题栏324

10.1.10 设计标题组325

10.1.11 设计页脚栏326

10.2 CSS3增强的界面特性327

10.2.1 定义显示方式327

10.2.2 定义可控大小327

10.2.3 定义轮廓329

10.2.4 设置轮廓样式331

10.2.5 定义边框背景335

10.3 案例实战339

10.3.1 设计HTML5文档居中显示339

10.3.2 设计HTML5文档弹性显示343

10.3.3 调整HTML5栏目显示顺序344

10.3.4 禁止HTML5栏目错行显示348

10.3.5 设计HTML5多栏等高显示349

10.4 在线练习353

第11章 使用CSS3设计弹性布局354

11.1 多列布局355

11.1.1 设置列宽355

11.1.2 设置列数356

11.1.3 设置间距357

11.1.4 设置列边框357

11.1.5 设置跨列显示358

11.1.6 设置列高度360

11.2 旧版伸缩盒360

11.2.1 启动伸缩盒360

11.2.2 设置宽度361

11.2.3 设置顺序363

11.2.4 设置方向364

11.2.5 设置对齐方式366

11.3 新版伸缩盒368

11.3.1 认识Flexbox系统368

11.3.2 启动伸缩盒369

11.3.3 设置主轴方向370

11.3.4 设置行数371

11.3.5 设置对齐方式372

11.3.6 设置伸缩项目375

11.4 伸缩盒版本比较和兼容378

11.4.1 版本比较和兼容方法378

11.4.2 案例：设计3栏页面382

11.4.3 案例：设计3行3列应用386

11.5 在线练习389

第12章 使用CSS3设计动态样式390

12.1 CSS3变形391

12.1.1 认识Transform391

12.1.2 设置原点391

12.1.3 2D旋转393

12.1.4 2D缩放394

12.1.5 2D平移394

12.1.6 2D倾斜395

12.1.7 2D矩阵396

12.1.8 设置变形类型397

12.1.9 设置透视距离和原点398

12.1.10 3D平移402

12.1.11 3D缩放403

12.1.12 3D旋转404

12.1.13 透视函数405

12.1.14 变形原点406

12.1.15 背景可见406

12.2 过渡动画407

12.2.1 设置过渡属性408

12.2.2 设置过渡时间408

12.2.3 设置延迟过渡时间409

12.2.4 设置过渡动画类型410

12.2.5 设置过渡触发动作410

12.3 帧动画416

12.3.1 设置关键帧416

12.3.2 设置动画属性418

12.4 案例实战421

12.4.1 设计图形421

12.4.2 设计冒泡背景按钮424

12.4.3 设计动画效果菜单426

12.4.4 设计照片特效428

12.4.5 设计立体盒子429

12.4.6 旋转盒子432

12.4.7 设计翻转广告434

12.4.8 设计跑步效果435

12.4.9 设计折叠面板437

12.5 在线练习439

第13章 使用CSS3设计响应式页面440

13.1 媒体查询基础441

13.1.1 媒体类型和媒体查询441

13.1.2 使用@media442

13.1.3 应用@media445

13.2 案例实战449

13.2.1 判断显示屏幕宽度449

13.2.2 设计响应式版式451

13.2.3 设计响应式菜单454

13.2.4 设计自动隐藏布局455

13.2.5 设计自适应手机页面458

13.3 在线练习462

第14章 使用JavaScript控制CSS样式463

14.1 在网页中使用JavaScript脚本464

14.1.1 使用＜script＞标签464

14.1.2 比较脚本样式与CSS样式466

14.2 获取网页对象468

14.2.1 获取元素468

14.2.2 使用CSS选择器匹配元素470

14.3 操作类样式471

14.3.1 获取类样式471

14.3.2 添加类样式473

14.3.3 删除类样式474

14.4 操作CSS样式476

14.4.1 使用style对象476

14.4.2 使用styleSheets对象482

14.4.3 访问样式483

14.4.4 编辑样式486

14.5 案例实战486

14.5.1 设计显示和隐藏486

14.5.2 设计不透明度488

14.5.3 设计运动对象489

14.5.4 设计渐变效果490

14.5.5 设计折叠面板491

14.5.6 设计工具提示493

14.6 在线练习497

第15章 团购类型网站的布局与设计498

15.1 产品策划499

15.2 画板和设计499

15.3 切图和输出502

15.4 网站重构504

15.5 网站布局506

第16章 掘客类型网站的布局与设计518

16.1 产品策划519

16.2 画板和设计519

16.3 切图和输出522

16.4 网站重构524

16.5 网站布局528