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

CSS+XHTML+JavaScript网页设计与布局从入门到精通PDF格式电子书版下载

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

Chapter 1 Web标准与XHTML概述1

1.1 Web标准的概述1

1.1.1 Web标准的定义1

1.1.2 Web标准的历史1

1.2 Web标准的基本组成2

1.2.1　结构标准语言2

1.2.2　表现标准语言3

1.2.3　行为标准语言3

1.3 Web标准的优点4

1.3.1 网页在多种设备上的可用性4

1.3.2　实现网站开发与维护的低成本4

1.3.3　节省大量带宽4

1.3.4　网页解析速度大幅提高4

1.4 XHTML基础5

1.4.1　定义文档类型5

1.4.2　什么是DTD6

1.4.3　声明命名空间6

1.5 XHTML语法规范7

1.6 XHTML的元素分类8

1.6.1　块级元素（display:block）8

1.6.2 内联元素（display:inline）9

1.6.3　列表项元素（display:list-item）9

1.6.4　隐藏元素（display:none）9

1.7 XHTML中常用的元素9

1.7.1　布局元素10

1.7.2　文本元素11

1.7.3　列表元素13

1.7.4　图像元素15

1.7.5　表格元素16

1.7.6　表单元素17

1.7.7 a元素18

Chapter 2 CSS基础19

2.1 CSS布局和Table布局19

2.1.1 为什么要用CSS布局19

2.1.2 Table布局与CSS布局演示19

2.2 CSS布局的初探22

2.3　制作第一个XHTML+CSS页面23

2.4　如何在网页中应用CSS定义26

2.4.1 内嵌样式表26

2.4.2 内部样式表26

2.4.3　外部样式表27

2.5 CSS语法28

2.6　选择符详解29

2.6.1　类型选择符30

2.6.2 id选择符30

2.6.3 class选择符31

2.6.4　群组选择符35

2.6.5　包含选择符37

2.6.6　元素指定选择符39

2.6.7　子对象选择符40

2.6.8　通用选择符41

2.6.9　伪类及伪对象42

2.6.10　属性选择符43

2.6.11　相邻选择符54

2.7 CSS常用属性介绍57

2.7.1　字体属性57

2.7.2　文本属性60

2.7.3　背景属性61

2.7.4 内边距62

2.7.5　外边距62

2.7.6　边框属性62

2.8 CSS常用数据单位63

2.8.1　绝对单位63

2.8.2　相对单位63

2.8.3　颜色值66

2.8.4 URL67

2.9　样式优先权68

2.9.1 写法上的优先级68

2.9.2 id和class哪个优先权高69

2.9.3　层叠样式定义71

2.9.4 　！important语句改变优先权72

2.10　样式的继承74

2.11　权值相加76

2.12　代码注释77

Chapter 3 CSS代码优化与文档统筹79

3.1 CSS文档分类79

3.1.1　根据终端类型进行划分80

3.1.2　根据功能分类进行划分80

3.1.3　根据选择符类型进行划分82

3.1.4　根据页面类型进行划分82

3.2　选择符的命名84

3.2.1　选择符命名规则84

3.2.2 CSS命名建议85

3.3　选择符的组织与管理86

3.4　属性定义87

3.5 CSS代码优化88

3.5.1　利用默认值和继承进行优化88

3.5.2　利用层叠和分组进行优化88

3.5.3　利用公共类及类型选择符进行优化89

3.6 CSS代码缩写90

3.6.1 list-style属性90

3.6.2 border属性90

3.6.3　颜色值代码简写91

3.7 CSS注释写法91

Chapter 4 CSS调试与开发工具92

4.1 Dreamweaver CS392

4.1.1　新建文档92

4.1.2　代码提示功能93

4.1.3 CSS面板93

4.1.4 CSS可视化助理98

4.1.5　属性面板99

4.1.6　验证标记99

4.1.7　浏览器兼容性检查100

4.1.8 CSS视图辅助工具101

4.2 Dreamweaver CS4101

4.3　文本编辑器103

Chapter 5 CSS布局与定位105

5.1　盒模型105

5.1.1　盒模型分析105

5.1.2　盒模型的宽度和高度计算106

5.2　边框107

5.2.1　复合属性107

5.2.2　定义边框样式的其他属性108

5.2.3　定义边框的样式109

5.2.4　边框颜色109

5.3　内边距详解111

5.4　外边距详解112

5.4.1 margin属性112

5.4.2　定义外边距的其他属性113

5.4.3　自动居中113

5.4.4　外边距取负值114

5.4.5　外边距加倍115

5.5　元素的水平间距118

5.5.1　影响元素水平间距的属性120

5.5.2　特殊情况下对元素水平间距的计算121

5.6　元素垂直间距的特殊性122

5.6.1　垂直相邻外边距重叠122

5.6.2　垂直间距的计算公式122

5.6.3　浮动元素垂直相邻外边距不重叠124

5.6.4　上下两元素中只有一个浮动127

5.6.5　空元素的外边距130

5.7　元素的父子关系132

5.8　什么是浮动135

5.8.1　流动布局135

5.8.2　浮动布局138

5.8.3　浮动元素的位置142

5.8.4 clear属性145

5.9　定位布局148

5.9.1　绝对定位148

5.9.2　相对定位151

5.9.3　元素层叠等级153

5.10　布局应用技巧157

5.10.1 内联元素的浮动157

5.10.2　浮动元素嵌套158

5.10.3　浮动元素嵌套于流动布局的元素160

5.10.4　浮动与流动分左右两栏163

5.11　常用基本布局类型168

5.11.1　单行单列式固定宽度布局168

5.11.2　单行单列式自适应宽度布局169

5.11.3　单行双列式固定宽度布局169

5.11.4　单行双列式自适应宽度布局172

5.11.5　单行三列式固定宽度布局175

5.11.6　单行三列式自适应宽度布局177

5.11.7　多种布局类型的综合运用180

5.11.8　在不改变结构代码的前提下切换布局类型182

Chapter 6 CSS网页内容排版185

6.1　文字排版185

6.1.1　字体序列185

6.1.2　字体大小187

6.1.3　字体颜色189

6.1.4　字体样式190

6.1.5 font属性196

6.2　段落样式197

6.2.1　缩进197

6.2.2　元素内容的对齐方式200

6.2.3　字间距203

6.2.4　首字下沉206

6.2.5 first-line属性207

6.2.6　行距和文本换行208

6.2.7　网页内容分栏排版219

6.3　流动方向控制220

6.4　图文混排227

6.4.1　图片浮动混入文字227

6.4.2　图片与文字分离232

6.4.3　添加图片说明235

6.4.4　利用背景图像实现图文混排236

6.4.5　不规则图文混排244

6.5　列表248

6.6　有关排版的其他属性252

Chapter 7 CSS页面元件设计255

7.1 网站导航255

7.1.1　横向导航255

7.1.2　滑动门技术257

7.1.3　下拉菜单导航258

7.1.4　利用JavaScript实现下拉菜单262

7.1.5　纵向导航265

7.2　表单设计266

7.2.1 form元素267

7.2.2 input控件268

7.2.3 input元素的type属性定义272

7.2.4 select元素276

7.2.5 textarea元素278

7.2.6 label元素278

7.2.7　定义表单样式278

7.3　圆角矩形设计279

7.4　提示框283

7.4.1　利用CSS实现提示框283

7.4.2　利用JavaScript实现提示框286

7.5　利用JavaScript实现换页效果288

7.6　表格设计291

7.6.1 表格定义291

7.6.2　表格样式初步293

7.6.3　垂直对齐294

7.6.4　合并表格中相邻的边框295

7.6.5　定义边框间距296

7.6.6　表格的框架结构299

Chapter 8 CSS滤镜详解305

8.1　静态滤镜305

8.1.1 Alpha滤镜305

8.1.2 Blur滤镜306

8.1.3 Basiclmage滤镜308

8.1.4 DropShadow滤镜309

8.1.5 Glow滤镜310

8.1.6 Light滤镜311

8.1.7 FlipH滤镜314

8.1.8 FlipV滤镜315

8.1.9 Invert滤镜316

8.1.10 Xray滤镜316

8.1.11 MotionBlur滤镜317

8.1.12 Shadow滤镜318

8.1.13 Wave滤镜319

8.1.14 Alphalmageloader滤镜321

8.1.15 Gradient滤镜322

8.2　转换滤镜323

8.2.1 Barn滤镜323

8.2.2 Blinds滤镜325

8.2.3 CheckerBoard滤镜327

8.2.4 GradientWipe滤镜329

8.2.5 Fade滤镜330

8.2.6 Iris滤镜332

8.2.7 Inset滤镜333

8.2.8 Pixelate滤镜334

8.2.9 RandomBars滤镜336

8.2.10 RadialWipe滤镜337

8.2.11 RevealTrans滤镜339

8.2.12 RandomDissolve滤镜341

8.2.13 Spiral滤镜342

8.2.14 Slide滤镜342

8.2.15 Strips滤镜343

8.2.16 Stretch滤镜344

8.2.17 Wheel滤镜345

8.2.18 ZigZag滤镜346

Chapter 9 CSS浏览器兼容性解决方案348

9.1　浏览器348

9.1.1 常用浏览器介绍348

9.1.2　什么是基于IE内核的浏览器350

9.2　什么是CSS Hack技术351

9.2.1　如何使用Hack技术351

9.2.2　样式表文件的应用353

9.2.3　＠import导入样式表354

9.2.4　利用目标设备类型进行过滤355

9.2.5　利用IE条件注释过滤样式表文件357

9.3　常用过滤器的使用362

9.3.1　下画线过滤器362

9.3.2　＋hack过滤器364

9.3.3　转义符过滤器366

9.3.4　＊html包含选择符369

9.3.5 “属性选择符”和“子对象选择符”过滤器371

9.3.6 “注释”过滤器373

9.3.7　利用voice-family属性创建过滤器380

9.3.8　 ！important关键字过滤器382

9.3.9　相邻选择符过滤器383

9.3.10　＃Element，［content］过滤器385

9.3.11 html>/**/body #Element过滤器386

9.4　盒模型方面的Hack技术388

9.4.1　盒模型浮动时的双倍外边距Bug388

9.4.2　盒模型宽度计算的Hack方法390

9.4.3　在IE中出现的3像素问题393

9.4.4 IE 6.0中的多余字符Bug401

9.4.5 IE 6.0中的部分内容隐藏Bug402

9.4.6　元素自适应高度问题407

9.4.7 IE浏览器中的部分区域截断Bug410

9.4.8 ul的问题413

9.4.9 IE浏览器中的50％宽度Bug416

9.5　关于IE 7.0的变化418

9.6　浏览器中常用的默认样式420

Chapter 10 JavaScript应用424

10.1 JavaScript的特点424

10.2 JavaScript基础426

10.2.1　第一个JavaScript实例426

10.2.2　JavaScript中的数据类型426

10.2.3　JavaScript中的变量定义429

10.2.4　JavaScript中变量的命名规则429

10.3　表达式430

10.4　操作符431

10.4.1　算术运算符431

10.4.2　赋值运算符436

10.4.3　逻辑运算符438

10.4.4　比较运算符440

10.5　常用语句445

10.5.1　条件判断语句445

10.5.2　循环语句449

10.6　函数451

10.6.1　函数的定义451

10.6.2　函数的返回值453

10.6.3　JavaScript内置函数454

10.7　对象455

10.7.1　JavaScript浏览器对象455

10.7.2　JavaScript内置对象464

10.8 DOM模型478

10.8.1 DOM模型中的结点478

10.8.2　结点的分类478

10.8.3 DOM的应用479

10.9 JavaScript中的事件481

10.9.1　浏览器事件481

10.9.2　键盘事件483

10.9.3　鼠标事件484

10.10 JavaScript实例486

10.10.1　通过getElementByld获取某一个对象的引用486

10.10.2　直接通过id属性值获取某一个对象的引用489

Chapter 11 个人博客网站布局491

11.1 “博客”一词的来源491

11.2　案例分析493

11.3　案例实现——结构定义493

11.3.1 网页主体结构493

11.3.2　网页内容结构493

11.3.3　创建网页左中右三栏的结构设计493

11.3.4　创建顶部结构494

11.3.5　创建左侧部分结构494

11.3.6　创建中间部分结构496

11.3.7　创建右侧部分结构498

11.3.8　创建底部结构499

11.4　案例实现——样式定义499

11.4.1 main部分499

11.4.2 top部分样式代码的定义500

11.4.3　网站中间部分样式定义501

11.4.4　左侧栏样式定义502

11.4.5　中间栏样式定义505

11.4.6　网页右侧栏部分样式定义509

11.4.7　网页底部栏样式定义510

11.5　案例总结511

Chapter 12 中小型企业网站布局512

12.1 案例分析512

12.2　案例实现——整体框架定义513

12.3　案例实现——网站顶部结构514

12.4　案例实现——网站内容部分结构514

12.5　案例实现——网站左侧栏结构定义515

12.5.1 网页左侧栏顶部结构定义516

12.5.2　网站左侧栏第二部分结构定义517

12.6　案例实现——网页右侧栏结构定义517

12.6.1 网页右侧栏第一部分结构定义520

12.6.2　网页右侧栏第二部分结构定义520

12.6.3　网页右侧栏第三部分结构定义523

12.6.4　网页右侧栏第四部分结构定义524

12.6.5　网页底部结构定义524

12.7　案例实现——网页整体样式定义525

12.7.1 main部分528

12.7.2 top部分529

12.7.3 top内部元素样式定义529

12.7.4　菜单部分样式定义530

12.8　案例实现——网页顶部Flash部分样式定义533

12.9　案例实现——网页中间内容部分样式定义533

12.9.1 网页左侧栏内部样式定义535

12.9.2　网页左侧栏链接样式定义537

12.10v案例实现——网页右侧栏样式定义537

12.10.1 网页右侧栏第一部分样式定义540

12.10.2　网页右侧栏第二部分样式定义541

12.10.3　网页右侧栏第三部分样式定义544

12.10.4　网页右侧栏第四部分样式定义546

12.11 案例实现——网页底部样式定义547

12.12　案例实现——多浏览器兼容性的问题548

12.13　案例实现——网页换肤技术548

12.14　案例总结556

Chapter 13　化妆品网站557

13.1 案例分析557

13.2　案例实现——网站顶部559

13.3　案例实现——网站内容部分561

13.4　案例实现——网站底部561

13.5　案例总结562

Appendix A SEO搜索引擎优化563

A.1 网站优化与搜索引擎优化563

A.2　主机与搜索引擎优化565

A.3　关键词与搜索引擎优化565

A.4　网站动态页面的搜索引擎优化566

A.5　网站级别（PageRank）567

A.6 Alexa排名567