CSS3网页设计从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

CSS3网页设计从入门到精通PDF格式电子书版下载

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

第1章 CSS3设计概述1

1.1 认识CSS2

1.1.1 CSS的发展历史2

1.1.2 CSS页面优势2

1.1.3 CSS在国内的早期实践3

1.2 认识Web标准5

1.2.1 网页结构5

1.2.2 网页表现5

1.2.3 网页行为6

1.3 案例：初次体验CSS6

1.4 CSS3简介9

1.4.1 CSS3模块9

1.4.2 CSS3新特性10

1.4.3 CSS3现状12

1.4.4 给初学者的建议14

1.4.5 浏览器支持15

1.5 案例：设计完整的CSS页面17

第2章 CSS3基本语法21

2.1 CSS基本用法22

2.1.1 CSS样式22

2.1.2 CSS应用23

2.1.3 CSS样式表29

2.1.4 导入外部样式表30

2.1.5 CSS注释31

2.2 设置属性32

2.2.1 CSS属性32

2.2.2 定义属性值33

2.3 CSS特性36

2.3.1 CSS层叠性36

2.3.2 CSS继承性41

2.3.3 案例实战42

2.4 默认样式45

2.4.1 HTML4默认样式45

2.4.2 浏览器默认样式47

第3章 CSS3选择器49

3.1 选择器概述50

3.1.1 为什么学习CSS3选择器50

3.1.2 CSS3选择器分类50

3.2 基本选择器53

3.2.1 标签选择器53

3.2.2 类选择器54

3.2.3 ID选择器58

3.3 组合选择器59

3.3.1 包含选择器60

3.3.2 子选择器61

3.3.3 相邻选择器63

3.3.4 兄弟选择器64

3.3.5 分组选择器65

3.4 属性选择器67

3.4.1 认识属性选择器67

3.4.2 案例：设计图片灯箱导航按钮71

3.4.3 案例：设计联系表单75

3.4.4 案例：设计超链接样式78

3.5 伪类选择器80

3.5.1 认识伪类选择器80

3.5.2 动态伪类83

3.5.3 结构伪类86

3.5.4 否定伪类93

3.5.5 状态伪类95

3.5.6 目标伪类98

3.6 综合实战：设计优雅的表格98

第4章 网页文本美化103

4.1 定义字体样式104

4.1.1 设置字体类型104

4.1.2 使用通用字体105

4.1.3 设置字体大小106

4.1.4 案例：灵活配置网页字体大小108

4.1.5 设置字体颜色110

4.1.6 案例：网页配色111

4.1.7 设置字体字形113

4.2 定义文本样式115

4.2.1 文本水平对齐115

4.2.2 案例：网页居中显示116

4.2.3 案例：左右对齐栏目118

4.2.4 文本垂直对齐119

4.2.5 案例：设计绝对居中显示121

4.2.6 案例：优化网页居中显示122

4.2.7 设置行高123

4.2.8 案例：设计可阅读的正文行高123

4.2.9 案例：灵活设计行高124

4.2.10 案例：设计首行缩进126

4.2.11 综合案例：文字隐藏和截取128

4.3 CSS3文本样式131

4.3.1 CSS3文本模块概述131

4.3.2 设计文本阴影135

4.3.3 案例：巧用文本阴影137

4.3.4 案例：设计网站首页143

4.3.5 案例：定义溢出文本145

4.3.6 案例：文本换行147

4.3.7 案例：添加动态内容150

4.3.8 恢复默认样式152

4.3.9 自定义字体类型153

第5章 网页色彩和图像美化155

5.1 定义颜色156

5.1.1 使用RGBA156

5.1.2 使用HSL157

5.1.3 使用HSLA160

5.1.4 定义opacity属性161

5.1.5 定义transparent颜色值164

5.2 定义渐变色165

5.2.1 设计Webkit渐变165

5.2.2 案例：应用渐变色1170

5.2.3 设计Gecko渐变172

5.2.4 案例：应用渐变色2177

5.2.5 设计IE渐变179

5.2.6 设计W3C渐变180

5.2.7 案例：设计精致按钮181

5.3 图像美化183

5.3.1 案例：定义照片相框183

5.3.2 案例：为图像设计阴影白边效果184

5.3.3 案例：设计水印186

5.4 图文混排188

5.4.1 案例：行内图文混排188

5.4.2 案例：设计图文环绕版式190

5.4.3 案例：设计不规则的图文环绕版式192

5.5 案例实战195

5.5.1 设计网页纹理背景195

5.5.2 设计发光的球体197

5.5.3 设计过渡色谱表197

第6章 网页背景和边框美化200

6.1 设计边框样式201

6.1.1 定义多色边框201

6.1.2 定义边框背景204

6.2 设计圆角210

6.2.1 使用border-radius210

6.2.2 案例：设计椭圆图形214

6.3 设计倒影215

6.4 设计阴影218

6.4.1 使用box-shadow218

6.4.2 案例：设计Windows界面效果222

6.5 设计背景图像226

6.5.1 定义背景图像重复显示226

6.5.2 案例：设计弹性公告栏228

6.5.3 定位背景图像229

6.5.4 固定背景图像231

6.5.5 案例：使用背景图像设计圆角232

6.5.6 案例：伪列布局236

6.6 CSS3新增背景图像属性242

6.6.1 定义坐标243

6.6.2 定义裁剪区域245

6.6.3 定义大小248

6.6.4 定义循环方式249

6.6.5 定义多背景图250

6.7 案例实战251

6.7.1 设计图标按钮251

6.7.2 设计花边框253

6.7.3 设计立体文本框254

第7章 设计表格和表单257

7.1 设计表格258

7.1.1 定义表格258

7.1.2 优化表格260

7.1.3 设置表格属性264

7.2 定义表格样式266

7.2.1 案例：隔行分色266

7.2.2 案例：分栏样式267

7.2.3 案例：鼠标交互样式268

7.3 设计表单270

7.4 定义表单样式272

7.4.1 设置基本样式272

7.4.2 案例：设计高亮表单275

7.4.3 案例：设计图标化表单277

7.4.4 案例：设计易用表单278

7.4.5 案例：设计反馈表281

第8章 设计链接、列表和菜单287

8.1 设计超链接288

8.1.1 定义基本样式288

8.1.2 案例：设计多样超链接290

8.1.3 案例：设计按钮样式292

8.1.4 案例：设计图像化样式294

8.1.5 案例：设计滑动样式296

8.2 设计列表297

8.2.1 列表类型297

8.2.2 正确使用列表298

8.3 定义列表样式302

8.3.1 重置列表样式302

8.3.2 定义项目符号304

8.3.3 案例：自定义项目符号306

8.3.4 案例：设计并列显示的列表307

8.3.5 案例：定位列表项目310

8.3.6 案例：设计导航列表311

8.4 设计导航条313

8.4.1 案例：使用背景图设计导航条314

8.4.2 案例：设计垂直导航条316

8.4.3 案例：设计水平导航条318

8.4.4 案例：设计多级菜单321

8.4.5 案例：设计滑动门菜单324

8.5 综合案例326

8.5.1 排行榜326

8.5.2 图文列表328

第9章 CSS盒模型332

9.1 CSS2盒模型概述333

9.1.1 盒模型缘起333

9.1.2 盒模型结构333

9.1.3 定义盒模型大小335

9.2 边框337

9.2.1 定义宽度338

9.2.2 定义颜色338

9.2.3 定义样式339

9.2.4 案例：设计行内元素边框342

9.3 边界344

9.3.1 定义边界344

9.3.2 案例：边界的应用344

9.3.3 案例：边界重叠现象349

9.3.4 行内元素边界354

9.4 补白354

9.5 CSS3盒模型357

9.5.1 定义盒模型显示方式357

9.5.2 定义盒模型可控大小358

9.5.3 溢出处理359

9.5.4 定义轮廓361

9.5.5 定义轮廓样式364

9.5.6 案例：改善网页布局367

第10章 CSS布局基础371

10.1 盒模型高级概念372

10.1.1 显示类型372

10.1.2 定位框374

10.2 CSS布局概述376

10.3 流动布局379

10.3.1 流动元素379

10.3.2 相对定位元素380

10.4 浮动布局382

10.4.1 定义浮动显示382

10.4.2 清除浮动385

10.4.3 浮动嵌套387

10.4.4 案例：混合浮动布局389

10.5 定位布局393

10.5.1 定义定位显示393

10.5.2 相对定位396

10.5.3 定位层叠397

10.5.4 案例：混合定位布局398

10.6 案例实战400

10.6.1 设计固宽＋弹性页面400

10.6.2 设计两栏弹性页面402

10.6.3 设计两栏浮动页面403

10.6.4 设计3栏弹性页面404

10.6.5 设计两列固宽＋单列弹性页面407

10.6.6 设计两列弹性＋单列固定页面409

第11章 CSS3布局411

11.1 多列布局412

11.2 定义名列样式413

11.2.1 设置列宽413

11.2.2 设置列数415

11.2.3 设置列间距416

11.2.4 设置列边框样式417

11.2.5 设置跨列显示419

11.2.6 设置列高度420

11.2.7 设置打印列422

11.3 盒布局423

11.4 定义盒布局样式427

11.4.1 设置自适应宽度427

11.4.2 设置列显示顺序429

11.4.3 设置列排列方向431

11.4.4 设置模块大小自适应433

11.4.5 消除空白435

11.4.6 设置对齐方式438

11.4.7 小结440

11.5 伸缩盒布局440

11.5.1 定义Flexbox440

11.5.2 定义伸缩方向442

11.5.3 定义行数443

11.5.4 定义对齐方式445

11.5.5 定义伸缩项目447

11.5.6 案例：设计伸缩盒菜单450

11.5.7 案例：设计自适应伸缩页452

11.5.8 案例：设计混合版伸缩页面454

11.6 案例实战458

11.6.1 设计多列首页458

11.6.2 设计HTML5应用文档461

11.6.3 设计Windows 8桌面464

第12章 CSS兼容技法470

12.1 了解主流浏览器471

12.1.1 Mozilla471

12.1.2 IE471

12.1.3 Safari471

12.1.4 Opera471

12.1.5 Chrome471

12.1.6 国内浏览器市场份额471

12.1.7 IETester472

12.2 CSS兼容方法473

12.2.1 CSS过滤器473

12.2.2 显示模式474

12.3 过滤样式表476

12.4 过滤样式478

12.4.1 ！important478

12.4.2 下划线属性名479

12.4.3 ＊html选择符479

12.5 过滤声明479

12.5.1 隐藏单个声明480

12.5.2 隐藏多个声明480

12.5.3 推荐过滤器481

12.6 使用检测工具482

12.6.1 W3C CSS验证服务482

12.6.2 Web Developer483

12.6.3 代码隔离与验证484

12.7 案例实战485

12.7.1 双倍显示485

12.7.2 多出3像素485

12.7.3 高度不适应487

12.7.4 多余字符488

12.7.5 定位异常489

12.7.6 捉迷藏490

12.7.7 百分比取值491

12.7.8 丢失项目符号492

12.7.9 内容溢出493

第13章 CSS文档统筹与编码规范496

13.1 CSS文档统筹497

13.1.1 根据页面类型分离文件497

13.1.2 根据功能模块分离文件497

13.1.3 根据标签类型分离文件497

13.1.4 根据设备类型分离文件498

13.1.5 根据代码规模分离文件498

13.2 规则组织498

13.3 属性组织501

13.3.1 按字母顺序组织501

13.3.2 按主次关系组织501

13.3.3 按优先定义组织502

13.4 CSS命名艺术502

13.4.1 经典命名三法502

13.4.2 CSS命名规则503

13.4.3 CSS命名方法504

13.5 CSS代码缩写506

13.5.1 盒模型代码简写507

13.5.2 列表和背景缩写508

13.5.3 颜色值缩写509

13.5.4 字体缩写510

13.6 CSS代码格式510

13.6.1 CSS代码常用格式510

13.6.2 CSS代码格式工具513

13.7 CSS代码注释514

13.7.1 写好注释514

13.7.2 预防Bug515

13.7.3 CSS注释清除516

13.8 CSS代码优化517

13.8.1 利用继承性优化代码517

13.8.2 利用默认值优化代码518

13.8.3 利用公共类优化代码518

13.8.4 利用选择符分组优化代码519

13.8.5 利用层叠覆盖优化代码519

第14章 CSS3动画521

14.1 认识Transform522

14.2 2D变形524

14.2.1 旋转524

14.2.2 缩放525

14.2.3 移动527

14.2.4 倾斜528

14.2.5 矩阵529

14.2.6 案例：设计挂图531

14.2.7 定义变形原点533

14.2.8 案例：渐变变形535

14.3 3D变形537

14.3.1 位移538

14.3.2 缩放540

14.3.3 旋转541

14.3.4 矩阵544

14.3.5 倾斜544

14.3.6 案例：设计旋转的盒子544

19.2 设计响应式图片734

19.3 定义设备类型736

19.3.1 Media Queries模块概述737

19.3.2 认识＠media规则738

19.3.3 使用＠media规则739

19.3.4 案例：设计响应式页面741

19.4 设计响应式布局745

19.5 自适应显隐控制749

19.6 综合案例：设计响应式页面753

第20章 CSS动态样式758

20.1 认识LESS759

20.1.1 LESS概述759

20.1.2 LESS优势759

20.1.3 LESS参考和工具760

20.2 如何使用LESS762

20.2.1 在客户端使用LESS762

20.2.2 在服务器端使用LESS766

20.3 LESS组成771

20.3.1 LESS基本特性771

20.3.2 LESS主要功能774

20.3.3 比较LESS和SASS775

20.4 LESS动态语法776

20.4.1 变量776

20.4.2 混合777

20.4.3 参数混合777

20.4.4 模式匹配779

20.4.5 条件表达式782

20.4.6 嵌套规则785

20.4.7 运算786

20.4.8 Color函数787

20.4.9 Math函数788

20.4.10 作用域789

20.4.11 命名空间789

20.4.12 注释791

20.4.13 导入791

20.4.14 字符串插值791

20.4.15 转义字符791

20.4.16 JavaScript表达式792

20.5 综合案例：在Bootstrap 3中使用LESS793

第21章 企业＆公司类型网站796

21.1 产品策划797

21.2 设计图798

21.3 切图800

21.4 网站重构802

21.5 网站布局805

第22章 旅游休闲类型网站817

22.1 产品策划818

22.2 设计图818

22.3 切图821

22.4 网站重构825

22.5 网站布局827

第23章 时尚娱乐类型网站839

23.1 产品策划840

23.2 设计图841

23.3 切图844

23.4 网站重构846

23.5 网站布局848

第24章 新闻咨询类型网站860

24.1 产品策划861

24.2 设计图861

24.3 切图864

24.4 网站重构867

24.5 网站布局869