CSS+DIV商业网站布局与设计案例实战大全2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

CSS+DIV商业网站布局与设计案例实战大全PDF格式电子书版下载

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

第1章 CSS设计准备2

1.1 Web标准基本概念2

1.1.1网页结构2

1.1.2网页布局2

1.1.3网页行为3

1.2准备学习CSS3

1.2.1彻底掌握CSS的难点3

1.2.2网页制作和CSS布局思路相反4

1.2.3布局找灵感：CSS禅意花园4

1.2.4网页显示不要忘记移动设备5

1.3认识浏览器7

1.4准备好CSS编辑器8

1.4.1认识【CSS样式】面板8

1.4.2定义CSS样式10

1.4.3应用CSS样式12

1.4.4 CSS可视化渲染14

1.4.5 CSS可视化编辑16

1.4.6 CSS辅助工具18

第2章 HTML基础22

2.1认识网页结构22

2.1.1 XHTML文档22

2.1.2定义文档类型23

2.1.3声明命名空间23

2.1.4 XHTML语法24

2.1.5 XHTML元素25

2.1.6把握XHTML常用结构元素26

2.1.7把握XHTML结构的语义性29

2.1.8构建语义化页面30

2.1.9案例实战：构建一个符合语义的页面结构30

2.2 DIV和Span应用32

2.2.1比较DIV和Span32

2.2.2 div和span优势：弱语义元素32

2.2.3 div和span优势：无特殊样式元素33

2.2.4 div和span优势：浏览器通用元素35

2.2.5案例实战：使用DIV35

2.2.6案例实战：DIV嵌套37

2.2.7案例实战：使用Span40

2.3 ID和Class应用42

2.3.1使用ID42

2.3.2比较ID和Name44

2.3.3使用Class45

2.3.4比较ID和Class48

第3章 CSS基础50

3.1编写第一个CSS样式50

3.1.1解析CSS样式52

3.1.2定义CSS样式表53

3.1.3 CSS注释53

3.2 CSS类型55

3.2.1行内样式55

3.2.2内嵌式56

3.2.3链接式59

3.2.4导入样式60

3.2.5各种方式的优先级61

3.3 CSS样式结构62

3.4 CSS基本选择器63

3.4.1标记选择器63

3.4.2类别选择器64

3.4.3 ID选择器68

3.5复合选择器69

3.5.1包含选择器70

3.5.2子选择器72

3.5.3相邻选择器73

3.5.4属性选择器75

3.5.5伪选择器77

3.5.6集体声明79

3.6层叠与继承81

3.6.1 CSS的层叠性81

3.6.2 CSS层叠实例代码分析83

3.6.3 CSS的继承性84

3.6.4 CSS继承与层叠的运用86

3.6.5 CSS继承与层叠实例代码分析87

第4章 网站布局初步90

4.1盒模型90

4.1.1为什么要提出盒模型90

4.1.2盒模型结构模拟91

4.1.3盒模型的宽和高92

4.1.4盒模型并列间距95

4.1.5盒模型垂直间距97

4.1.6空盒模型99

4.2定义边框样式100

4.2.1定义边框宽度101

4.2.2定义边框颜色102

4.2.3定义边框样式102

4.2.4分析内联元素的边框104

4.3定义边界距离106

4.3.1恰当选择边界值：auto107

4.3.2恰当选择边界值：百分比107

4.3.3恰当选择边界值：负值109

4.3.4警惕元素边界重叠：上边元素不浮动，下边元素浮动111

4.3.5警惕元素边界重叠：上边元素浮动，下边元素不浮动112

4.3.6警惕元素边界重叠：一个元素包含另一个元素113

4.3.7警惕元素边界重叠：单一边界的空元素116

4.3.8警惕元素边界重叠结论117

4.3.9内联元素的边界117

4.4定义补白空间118

4.5 IE怪异模式与对策120

4.5.1认识浏览器的解析模式121

4.5.2判断拥有DOCTYPE声明的网页121

4.5.3 IE 6元素浮动时边界错位122

4.5.4让父元素自适应子元素高度123

4.5.5 IE 6子元素底边界不被解析124

4.5.6 IE 6的子元素溢出125

第5章 儿童教育类网站布局与设计128

5.1网站展示128

5.2产品策划129

5.3画板和设计130

5.4切图和输出135

5.5网站重构136

5.6网站布局139

第6章 孕妇婴儿类网站布局与设计151

6.1网站展示151

6.2产品策划152

6.3画板和设计152

6.4切图和输出157

6.5网站重构159

6.6网站布局161

第7章 政府服务类网站布局与设计175

7.1网站展示175

7.2产品策划176

7.3画板和设计177

7.4切图和输出182

7.5网站重构184

7.6网站布局186

第8章 校园活动类型网站布局与设计199

8.1网站展示199

8.2产品策划200

8.3画板和设计201

8.4切图和输出203

8.5网站重构205

8.6网站布局207

第9章 地区门户类网站布局与设计215

9.1网站展示215

9.2产品策划216

9.3画板和设计217

9.4切图和输出222

9.5网站重构224

9.6网站布局226

第10章 知音女性类网站布局与设计238

10.1网站展示238

10.2产品策划239

10.3画板和设计240

10.4切图和输出243

10.5网站重构245

10.6网站布局248

第11章 建筑房产类型网站布局与设计261

11.1网站展示261

11.2产品策划262

11.3画板和设计263

11.4切图和输出266

11.5网站重构269

11.6网站布局271

第12章 体育运动类网站布局与设计280

12.1网站展示280

12.2产品策划281

12.3画板和设计281

12.4切图和输出286

12.5网站重构287

12.6网站布局290

第13章 健康医疗类网站布局与设计299

13.1网站展示299

13.2产品策划300

13.3画板和设计301

13.4切图和输出305

13.5网站重构306

13.6网站布局308

第14章 交际交友类型网站布局与设计325

14.1网站展示325

14.2产品策划326

14.3画板和设计327

14.4切图和输出332

14.5网站重构333

14.6网站布局336

第15章 微博类网站布局与设计347

15.1网站展示347

15.2产品策划348

15.3画板和设计349

15.4切图和输出352

15.5网站重构355

15.6网站布局357

第16章 团购类型网站布局与设计367

16.1网站展示367

16.2产品策划368

16.3画板和设计369

16.4切图和输出373

16.5网站重构375

16.6网站布局377

第17章 威客类型网站布局与设计388

17.1网站展示388

17.2产品策划389

17.3画板和设计390

17.4切图和输出394

17.5网站重构396

17.6网站布局399

第18章 维科类型网站布局与设计413

18.1网站展示413

18.2产品策划414

18.3画板和设计415

18.4切图和输出419

18.5网站重构421

18.6网站布局423

第19章 博客类型网站布局与设计433

19.1网站展示433

19.2产品策划434

19.3画板和设计434

19.4切图和输出439

19.5网站重构441

19.6网站布局443

第20章 论坛类网站布局与设计454

20.1网站展示454

20.2产品策划455

20.3画板和设计456

20.4切图和输出460

20.5网站重构461

20.6网站布局464

第21章 播客类型网站布局与设计473

21.1网站展示473

21.2产品策划474

21.3画板和设计474

21.4切图和输出479

21.5网站重构482

21.6网站布局485

第22章 分类信息类网站布局与设计495

22.1网站展示495

22.2产品策划496

22.3画板和设计496

22.4切图和输出500

22.5网站重构501

22.6网站布局503

第23章 掘客类型网站布局与设计509

23.1网站展示509

23.2产品策划510

23.3画板和设计510

23.4切图和输出515

23.5网站重构516

23.6网站布局519

第24章 换客类型网站布局与设计529

24.1网站展示529

24.2产品策划530

24.3画板和设计530

24.4切图和输出535

24.5网站重构536

24.6网站布局538

第25章SNS类网站布局与设计547

25.1网站展示547

25.2产品策划548

25.3画板和设计549

25.4切图和输出552

25.5网站重构554

25.6网站布局556

第26章 手机应用类型网站布局与设计564

26.1网站展示564

26.2产品策划565

26.3画板和设计566

26.4切图和输出569

26.5网站重构570

26.6网站布局572

第27章 点评类网站布局与设计582

27.1网站展示582

27.2产品策划583

27.3画板和设计584

27.4切图和输出587

27.5网站重构588

27.6网站布局591

第28章 黄页类网站布局与设计599

28.1网站展示599

28.2产品策划600

28.3画板和设计601

28.4切图和输出605

28.5网站重构606

28.6网站布局609