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

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

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

第1章 CSS样式设计基础1

1.1设计良好的网页结构2

1.1.1选用符合语义的标签2

1.1.2文档类型和浏览器模式7

1.2初识CSS8

1.2.1为什么学习CSS9

1.2.2 CSS基本语法9

1.2.3设计第一个实例10

1.3 CSS选择器12

1.3.1 CSS选择器概述12

1.3.2标签选择器13

1.3.3 ID选择器14

1.3.4类选择器16

1.3.5伪类和伪对象选择器17

1.3.6子选择器19

1.3.7相邻选择器20

1.3.8属性选择器21

1.3.9通用选择器23

1.3.10包含选择器23

1.3.11分组选择器25

1.3.12指定选择器26

1.4 CSS基本特性26

1.4.1层叠和特殊性26

1.4.2继承31

1.5样式表规划、组织和维护32

1.5.1对文档应用样式32

1.5.2对代码进行注释34

1.5.3样式文档37

1.5.4组织样式表以便简化维护37

1.6 CSS属性和属性值38

1.6.1 CSS属性38

1.6.2 CSS单位44

1.6.3设置颜色46

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

2.1字体和文本样式基础49

2.1.1定义字体类型49

2.1.2定义字体大小51

2.1.3定义字体颜色53

2.1.4定义字体粗细54

2.1.5定义斜体字体55

2.1.6定义下划线、删除线和顶划线56

2.1.7定义字体大小写57

2.1.8定义文本对齐58

2.1.9定义垂直对齐60

2.1.10定义字间距和行间距63

2.1.11定义行间距64

2.1.12定义缩进67

2.2案例实战68

2.2.1设计百度Logo69

2.2.2设置标题样式70

2.2.3设置正文样式73

2.2.4设置文本样式75

2.2.5设置文本段样式79

2.2.6设置段落版式样式82

2.2.7设计单页图文混排版式86

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

3.1图片样式设置基础93

3.1.1定义图片边框93

3.1.2定义图片大小97

3.1.3定义图片的横向对齐98

3.1.4定义图片的纵向对齐99

3.1.5设置文字环绕效果101

3.2案例实战103

3.2.1图文混排103

3.2.2图片布局107

3.2.3多图排列111

3.2.4阴影图片114

3.2.5圆角图片116

3.2.6设计圆角栏目118

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

4.1背景样式设置基础125

4.1.1设置页面背景颜色125

4.1.2设置背景颜色给页面分块126

4.1.3定义背景图片128

4.1.4背景图片的重复130

4.1.5定义背景图片的位置131

4.1.6固定背景图片133

4.2案例实战134

4.2.1设置网页背景颜色135

4.2.2设置带花纹边框136

4.2.3设置永远固定的背景143

4.2.4设置圆润的栏目模块144

4.2.5设计分栏版式149

4.2.6设计滑动门菜单151

4.2.7设计灯箱广告154

4.2.8设计博客首页效果157

第5章 使用CSS控制列表样式163

5.1列表样式设置基础164

5.1.1设置列表项符号164

5.1.2定义项目的图片符号166

5.1.3列表的横竖转换167

5.2案例实战169

5.2.1设计新闻栏目169

5.2.2设计导航菜单173

5.2.3设计多级菜单177

5.2.4列表排版的应用182

5.2.5使用列表实现图文混排效果186

第6章 使用CSS设计表格样式192

6.1表格样式设置基础193

6.1.1设置表格颜色193

6.1.2设置表格边框194

6.2案例实战196

6.2.1美化表格197

6.2.2设计高效的表格200

6.2.3让表格更易用204

6.2.4表格布局207

第7章 使用CSS设计表单样式211

7.1表单样式设置基础212

7.1.1表单基本结构212

7.1.2设置基本样式216

7.1.3定义字体样式221

7.1.4定义边框样式222

7.1.5定义背景样式224

7.2案例实战228

7.2.1设计多彩下拉菜单样式228

7.2.2设计注册表单230

7.2.3设计调查表235

7.2.4设计反馈表240

第8章 使用CSS定义链接样式246

8.1链接样式设置基础247

8.1.1设置链接样式247

8.1.2设计下划线样式248

8.1.3设置类型指示样式249

8.1.4定义按钮样式251

8.1.5定义已访问样式254

8.1.6链接提示样式254

8.2案例实战256

8.2.1鼠标样式256

8.2.2设计菜单样式259

8.2.3设计苹果导航菜单261

8.2.4块状选项卡266

8.2.5图片浏览271

第9章 网页排版和DIV+CSS布局275

9.1 CSS盒模型276

9.1.1认识盒模型276

9.1.2外边距278

9.1.3内边距281

9.1.4边框284

9.1.5宽和高284

9.2网页重构287

9.2.1设置文档类型287

9.2.2选择标签293

9.2.3案例实战：尝试重构禅意花园296

9.3网页排版299

9.3.1网页排版基本原则299

9.3.2标准网页版式基本形式300

9.3.3网页排版基本方法300

9.4 DIV+CSS布局305

9.4.1布局空间305

9.4.2布局位置307

9.4.3布局环绕309

9.4.4清除浮动311

9.4.5布局嵌套313

9.4.6调整布局间距316

9.5案例实战321

9.5.1两列布局322

9.5.2三列布局327

第10章 用CSS定位控制网页布局332

10.1 CSS定位333

10.1.1认识position333

10.1.2静态定位333

10.1.3绝对定位334

10.1.4相对定位335

10.1.5固定定位338

10.2定位参照339

10.2.1参照对象339

10.2.2坐标值343

10.2.3定位的特殊性344

10.3定位层叠347

10.3.1层叠顺序347

10.3.2嵌套层叠顺序349

10.3.3 CSS层叠框351

10.3.4 CSS层叠常见问题354

10.4案例实战357

10.4.1画册式网页布局357

10.4.2展览式网页布局361

10.4.3浪漫式网页布局366

第11章 解决CSS设计中的常见问题372

11.1 IE条件语句373

11.1.1认识IE条件语句373

11.1.2 IE条件语句基本用法374

11.1.3案例实战：设计兼容的多级菜单376

11.2 CSS渲染及问题380

11.2.1开启和关闭IE布局特性381

11.2.2设置Layout特性的方法381

11.2.3问题1：不能自动展开包含框384

11.2.4问题2：包含浮动布局的问题与处理387

11.2.5问题3：相邻浮动布局的问题与处理389

11.2.6问题4：列表布局的问题与处理390

11.2.7问题5：定位布局的问题与处理392

11.3常用浏览器解析问题和解决方法394

11.3.1兼容IE6版本浏览器395

11.3.2兼容IE5系列版本浏览器396

11.3.3兼容IE7版本浏览器398

11.3.4兼容FF等标准浏览器399

11.3.5问题1：超链接的Bug399

11.3.6问题2：内容与背景分离的Bug400

11.3.7问题3： IE6躲躲猫Bug402

11.3.8问题4： IE6多余字符Bug403

11.4案例实战403

11.4.1 3列等高布局403

11.4.2 3列浮动布局408

第12章 旅游酒店网站410

12.1网站页面效果分析411

12.1.1“旅游度假”页面效果分析411

12.1.2“预定酒店”页面效果分析411

12.2首页策划设计412

12.3网页设计与重构414

12.3.1画草图和设计图414

12.3.2切图417

12.3.3主体重构419

12.4页面布局422

12.4.1设计页面基本样式422

12.4.2设计页头布局和样式422

12.4.3设计搜索和幻灯区布局和样式425

12.4.4设计左侧引导区布局和样式427

12.4.5设计内容区样式428

12.4.6设计右侧专题栏样式431

第13章 新闻网站434

13.1网站页面效果分析435

13.1.1“对话”页面效果分析435

13.1.2环球看点页面效果分析435

13.2首页策划设计436

13.3网页设计与重构438

13.3.1画草图和设计图438

13.3.2切图440

13.3.3主体重构442

13.4页面布局444

13.4.1设计页面基本样式445

13.4.2设计页头布局和样式445

13.4.3设计主要新闻区布局和样式447

13.4.4设计分类新闻区布局和样式450

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

14.1 JavaScript基础456

14.1.1在网页中嵌入JavaScript脚本456

14.1.2 JavaScript脚本在文档中的位置457

14.1.3解决JavaScript脚本与CSS样式冲突457

14.2 CSS脚本化传统控制方法459

14.2.1认识Style对象460

14.2.2读写行内样式464

14.2.3读写样式表中样式467

14.2.4访问网页实际样式472

14.3控制CSS脚本的标准方法473

14.3.1 CSSStyleSheet接口474

14.3.2 CSSStyleRule接口474

14.3.3 CSSStyleDeclaration接口475

14.4使用JavaScript控制元素大小476

14.4.1读取元素的长宽样式值476

14.4.2使用offsetWidth和offsetHeight属性读取元素的尺寸479

14.4.3读取复杂结构中的元素尺寸481

14.4.4读取浏览器窗口大小485

14.5使用JavaScript定位486

14.5.1在窗口中的位置487

14.5.2相对父元素的位置489

14.5.3相对包含块的位置489

14.5.4定义偏移位置490

14.5.5定义相对位置490

14.5.6确定光标位置491

14.5.7确定光标的相对位置492

14.5.8确定滚动条的位置493

14.5.9定义滚动条的位置493

14.6使用JavaScript设置显隐效果494

14.6.1设置显隐效果494

14.6.2设置透明度495

14.6.3控制动画时长496

14.6.4设计滑动效果499

第15章 使用CSS设计XML文档样式502

15.1 XML基础503

15.1.1 XML文档基本结构503

15.1.2声明504

15.1.3处理指令504

15.1.4注释505

15.1.5标签505

15.1.6属性506

15.2设置XML文档样式507

15.2.1 CSS样式表507

15.2.2 XSL样式表508

15.3 CSS与XML文档关联510

15.3.1直接嵌入CSS样式510

15.3.2导入外部CSS样式表文件512

15.3.3＠import513

15.4案例实战513

15.4.1设计诗情画意图文效果513

15.4.2设计新闻版面效果515

第16章 使用CSS滤镜519

16.1 CSS滤镜概述520

16.1.1基本用法520

16.1.2恰当选用滤镜520

16.2常用CSS滤镜521

16.2.1通道（Alpha ）521

16.2.2模糊（Blur）523

16.2.3运动模糊（MotionBlur）524

16.2.4透明色（Chroma）525

16.2.5翻转（Flip）527

16.2.6光晕（Glow）528

16.2.7灰度（Gray）529

16.2.8反色（Invert ）530

16.2.9遮罩（Mask）531

16.2.10阴影（Shadow ）532

16.2.11 X射线（Xray）534

16.2.12浮雕（Emboss ）535

16.2.13波浪（Wave）536

16.3案例实战537