《CSS3+DIV网页样式与布局从入门到精通 微课精编版》PDF下载

  • 购买积分:16 如何计算积分?
  • 作  者:前端科技编著
  • 出 版 社:北京:清华大学出版社
  • 出版年份:2018
  • ISBN:9787302501992
  • 页数:537 页
图书介绍:本书全面系统地讲解了CSS基础理论和实际运用技术,通过大量实例对CSS应用进行深入浅出的分析。全书主要内容包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用和CSS如何控制XML文档样式。着重讲解如何利用CSS+DIV进行网页布局,注重实际操作,使读者在学习CSS应用技术的同时掌握CSS+DIV的精髓。

第1章 CSS3基础 1

1.1 CSS发展历史 2

1.2 使用CSS 3

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和span 259

9.1.3 使用id和class 260

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 认识Transform 391

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 使用@media 442

13.1.3 应用@media 445

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