CSS Web开发学习实录PDF|Epub|txt|kindle电子书版本网盘下载

CSS Web开发学习实录PDF格式电子书版下载

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

第1章 CSS快速入门1

1.1第一个CSS实例2

视频教学：9分钟2

1.1.1基础知识——CSS基础2

1.1.2实例描述5

1.1.3实例应用5

1.1.4运行结果7

1.2使用CSS样式9

视频教学：9分钟9

1.2.1基础知识——CSS样式的使用方式9

1.2.2实例描述11

1.2.3实例应用11

1.2.4运行结果12

1.2.5实例分析13

1.3 CSS的语法13

1.4增强CSS的可读性——使用注释13

1.5 CSS优先级14

视频教学：8分钟14

1.5.1 CSS的后来居上原则14

1.5.2 CSS的继承性15

1.5.3 CSS的选择器优先级16

1.5.4 ！important声明强制优先18

1.6 CSS中风格不一的文字18

视频教学：8分钟18

1.6.1基础知识——CSS中的单位18

1.6.2实例描述20

1.6.3实例应用20

1.6.4运行结果22

1.6.5实例分析22

1.7选择一款网页制作工具23

1.8常见问题解答25

1.8.1学习CSS需要哪些特殊的软件25

1.8.2 CSS+div菜鸟级问题25

1.8.3学习CSS都需要哪些基础知识25

1.9习题26

第2章 选择符29

2.1设置指定文字的样式30

视频教学：4分钟30

2.1.1基础知识——通用选择符30

2.1.2实例描述30

2.1.3实例应用30

2.1.4运行结果31

2.1.5实例分析31

2.2设置表格的样式32

视频教学：5分钟32

2.2.1基础知识——标签选择符32

2.2.2实例描述32

2.2.3实例应用32

2.2.4运行结果33

2.2.5实例分析34

2.3实现图片的层叠效果34

视频教学：5分钟34

2.3.1基础知识——id选择符34

2.3.2实例描述34

2.3.3实例应用35

2.3.4运行结果35

2.3.5实例分析36

2.4克隆div元素36

视频教学：5分钟36

2.4.1基础知识——class选择符36

2.4.2实例描述36

2.4.3实例应用37

2.4.4运行结果37

2.4.5实例分析38

2.5实现动态变色的效果38

视频教学：5分钟38

2.5.1基础知识——伪类及伪元素选择符38

2.5.2实例描述38

2.5.3实例应用39

2.5.4运行结果39

2.5.5实例分析40

2.6设置统一样式41

视频教学：5分钟41

2.6.1基础知识——群组选择符41

2.6.2实例描述41

2.6.3实例应用41

2.6.4运行结果42

2.6.5实例分析42

2.7设置div中包含的标签样式43

视频教学：4分钟43

2.7.1基础知识——包含选择符43

2.7.2实例描述44

2.7.3实例应用44

2.7.4运行结果44

2.7.5实例分析45

2.8常见问题解答45

2.8.1 CSS中的包含选择符与子对象选择符的区别45

2.8.2 CSS选择符问题46

2.8.3怎样用CSS选取表格的第一列CSS选择符46

2.9习题47

第3章 伪类和伪元素49

3.1制作多彩的超链接50

视频教学：6分钟50

3.1.1基础知识——链接伪类50

3.1.2实例描述50

3.1.3实例应用51

3.1.4运行结果52

3.1.5实例分析53

3.2高亮显示输入元素的登录表单54

视频教学：5分钟54

3.2.1基础知识——：focus伪类54

3.2.2实例描述54

3.2.3实例应用54

3.2.4运行结果55

3.2.5实例分析56

3.3为首个子对象定义样式56

视频教学：5分钟56

3.3.1基础知识——：first-child伪类56

3.3.2实例描述57

3.3.3实例应用57

3.3.4运行结果58

3.3.5实例分析59

3.4设置HTML页面的打印尺寸59

视频教学：5分钟59

3.4.1基础知识——：first伪类、：right伪类和：left伪类59

3.4.2实例描述60

3.4.3实例应用60

3.4.4运行结果61

3.4.5实例分析61

3.5修饰文字的特殊样式62

视频教学：5分钟62

3.5.1基础知识——：lang伪类62

3.5.2实例描述63

3.5.3实例应用63

3.5.4运行结果64

3.5.5实例分析64

3.6个性化的歌词显示页64

视频教学：5分钟65

3.6.1基础知识——：first-letter伪元素和：first-line伪元素65

3.6.2实例描述65

3.6.3实例应用65

3.6.4运行结果66

3.6.5实例分析67

3.7替换指定位置67

视频教学：7分钟67

3.7.1基础知识——：before伪元素和：after伪元素67

3.7.2实例描述69

3.7.3实例应用69

3.7.4运行结果70

3.7.5实例分析71

3.8常见问题解答71

3.8.1 CSS中伪类的应用问题71

3.8.2关于CSS伪类鼠标效果72

3.8.3关于first-child伪类无效的问题72

3.8.4 box：after｛｝的功能73

3.9习题73

第4章 字体属性77

4.1炫彩诗78

视频教学：5分钟78

4.1.1基础知识——Color78

4.1.2实例描述78

4.1.3实例应用79

4.1.4运行结果80

4.1.5实例分析80

4.2编排网页80

视频教学：8分钟80

4.2.1基础知识——字体80

4.2.2实例描述87

4.2.3实例应用88

4.2.4运行结果89

4.2.5实例分析89

4.3网页文章——感怀秋天89

视频教学：6分钟89

4.3.1基础知识——字体装饰89

4.3.2实例描述94

4.3.3实例应用94

4.3.4运行结果95

4.3.5实例分析96

4.4设置字体间隔96

视频教学：3分钟96

4.4.1基础知识——字体间隔96

4.4.2实例描述98

4.4.3实例应用98

4.4.4运行结果98

4.4.5实例分析99

4.5行高99

视频教学：5分钟99

4.5.1基础知识——字体行高99

4.5.2实例描述101

4.5.3实例应用101

4.5.4运行结果102

4.5.5实例分析103

4.6常见问题解答103

4.6.1字体名称样式的问题103

4.6.2 italic和oblique的问题103

4.6.3字体大小问题103

4.7习题104

第5章 文本属性107

5.1推荐图书详细信息108

视频教学：6分钟108

5.1.1基础知识——text-indent属性108

5.1.2基础知识——vertical-align属性109

5.1.3基础知识——text-align属性110

5.1.4基础知识——white-space属性111

5.1.5基础知识——ruby-align属性112

5.1.6实例描述113

5.1.7实例应用113

5.1.8运行结果115

5.1.9实例分析115

5.2网站简介内容116

视频教学：5分钟116

5.2.1基础知识——direction属性116

5.2.2基础知识——layout-layout-flow属性117

5.2.3基础知识——writing-mode属性117

5.2.4实例描述118

5.2.5实例应用118

5.2.6运行结果118

5.2.7实例分析119

5.3详细新闻信息内容119

视频教学：6分钟119

5.3.1基础知识——text-autospace属性119

5.3.2基础知识——text-kashida-space属性120

5.3.3基础知识——word-break属性121

5.3.4基础知识——line-break属性121

5.3.5基础知识——word-wrap属性121

5.3.6实例描述122

5.3.7实例应用122

5.3.8运行结果123

5.3.9实例分析124

5.4新闻信息列表设置124

视频教学：5分钟124

5.4.1基础知识——text-transform属性124

5.4.2基础知识——text-decoration属性125

5.4.3基础知识——text-overflow属性125

5.4.4实例描述126

5.4.5实例应用126

5.4.6运行结果127

5.4.7实例分析128

5.5常见问题解答128

5.5.1 CSS闪烁效果问题128

5.5.2 ruby-align属性无效128

5.5.3显示省略号问题129

5.6习题130

第6章 边框与尺寸属性131

6.1设置一个彩色的盒子132

视频教学：5分钟132

6.1.1基础知识——border-style属性132

6.1.2基础知识——border-width属性133

6.1.3基础知识——border-color属性135

6.1.4基础知识——border属性136

6.1.5实例描述136

6.1.6实例应用136

6.1.7运行结果137

6.1.8实例分析137

6.2设置一个圆角边框138

视频教学：12分钟138

6.2.1基础知识——border-top属性138

6.2.2基础知识——border-right属性140

6.2.3基础知识——border-bottom属性141

6.2.4基础知识——border-le属性142

6.2.5实例描述143

6.2.6实例应用143

6.2.7运行结果144

6.2.8实例分析144

6.3使用百分比设置图像的尺寸145

视频教学：7分钟145

6.3.1基础知识——height属性145

6.3.2基础知识——max-height属性145

6.3.3基础知识——min-height属性146

6.3.4基础知识——width属性146

6.3.5基础知识——max-width属性147

6.3.6基础知识——min-width属性148

6.3.7实例描述149

6.3.8实例应用149

6.3.9运行结果150

6.3.10实例分析150

6.4常见问题解答150

6.4.1 CSS边框错误150

6.4.2 CSS的边框显示有问题151

6.5习题151

第7章 边距与间隙属性153

7.1边距与间隙的概念154

7.2水果价格表格155

视频教学：10分钟155

7.2.1基础知识——margin-top属性155

7.2.2基础知识——margin-right属性156

7.2.3基础知识——margin-bottom属性157

7.2.4基础知识——margin-le属性157

7.2.5实例描述158

7.2.6实例应用158

7.2.7运行结果159

7.2.8实例分析160

7.3设置段落的整体边距160

视频教学：4分钟160

7.3.1基础知识——margin属性160

7.3.2实例描述161

7.3.3实例应用161

7.3.4运行结果162

7.3.5实例分析162

7.4设置图片间隙162

视频教学：6分钟162

7.4.1基础知识——padding-top属性162

7.4.2基础知识——padding-right属性163

7.4.3基础知识——padding-bottom属性164

7.4.4基础知识——padding-le属性165

7.4.5实例描述165

7.4.6实例应用166

7.4.7运行结果166

7.4.8实例分析167

7.5设置交易笔数表格的间隙167

视频教学：4分钟167

7.5.1基础知识——padding属性167

7.5.2实例描述168

7.5.3实例应用168

7.5.4运行结果170

7.5.5实例分析171

7.6常见问题解答171

7.6.1消除两个div之间的间隙问题171

7.6.2 margin边距问题172

7.6.3 margin-top属性遇到点小问题173

7.7习题173

第8章 颜色与背景属性175

8.1后台管理系统176

视频教学：4分钟176

8.1.1基础知识——background-color属性176

8.1.2实例描述176

8.1.3实例应用176

8.1.4运行结果178

8.1.5实例分析178

8.2个人博客178

视频教学：10分钟179

8.2.1基础知识——background属性179

8.2.2基础知识——background-image属性179

8.2.3基础知识——background-attachment属性180

8.2.4基础知识——background-repeat属性181

8.2.5实例描述182

8.2.6实例应用182

8.2.7运行结果183

8.2.8实例分析183

8.3设置网站Logo位置184

视频教学：8分钟184

8.3.1基础知识——background-position属性184

8.3.2基础知识——background-position-x属性185

8.3.3基础知识——background-position-y属性185

8.3.4基础知识——layer-background-color属性186

8.3.5基础知识——layer-background-image属性186

8.3.6实例描述187

8.3.7实例应用187

8.3.8运行结果187

8.3.9实例分析188

8.4常见问题解答188

8.4.1背景图片重复显示188

8.4.2背景滚动问题189

8.5习题189

第9章 列表属性191

9.1构建试卷页面192

视频教学：5分钟192

9.1.1基础知识——list-style-type属性192

9.1.2实例描述194

9.1.3实例应用194

9.1.4运行结果196

9.1.5实例分析196

9.2新闻中心图像列表196

视频教学：4分钟197

9.2.1基础知识——list-style-image属性197

9.2.2实例描述198

9.2.3实例应用198

9.2.4运行结果199

9.2.5实例分析199

9.3“阶梯形”新闻展示页面200

视频教学：11分钟200

9.3.1基础知识——list-style-position属性200

9.3.2实例描述201

9.3.3实例应用201

9.3.4运行结果202

9.3.5实例分析203

9.4制作文章详解页面203

视频教学：5分钟203

9.4.1基础知识识——list-style属性203

9.4.2实例描述205

9.4.3实例应用205

9.4.4运行结果206

9.4.5实例分析206

9.5常见问题解答206

9.5.1 list-style和list-style-type在IE中不显示的问题206

9.5.2 list-style-type在IE与Firefox中奇怪的现象207

9.5.3关于ul ul ul的CSS规则定义问题208

9.6习题209

第10章 滚动条属性213

10.1制作带有彩色3D亮边框的滚动条214

视频教学：5分钟214

10.1.1基础知识——scrollbar-3dlight-color214

10.1.2实例描述214

10.1.3实例应用214

10.1.4运行结果215

10.1.5实例分析215

10.2制作带有彩色亮边框的滚动条216

视频教学：4分钟216

10.2.1基础知识——scrollbar-highlight-color216

10.2.2实例描述216

10.2.3实例应用216

10.2.4运行结果217

10.2.5实例分析218

10.3制作彩色滚动条区块218

视频教学：4分钟218

10.3.1基础知识——scrollbar-face-color218

10.3.2实例描述219

10.3.3实例应用219

10.3.4运行结果219

10.3.5实例分析220

10.4制作突出方向箭头220

视频教学：3分钟220

10.4.1基础知识——scrollbar-arrow-color220

10.4.2实例描述221

10.4.3实例应用221

10.4.4运行结果222

10.4.5实例分析222

10.5制作突出滚动条阴影效果222

视频教学：4分钟222

10.5.1基础知识——scrollbar-shadow-color223

10.5.2实例描述223

10.5.3实例应用223

10.5.4运行结果224

10.5.5实例分析225

10.6制作彩色滚动条暗边框225

视频教学：4分钟225

10.6.1基础知识——scrollbar-darkshadow-color225

10.6.2实例描述225

10.6.3实例应用226

10.6.4运行结果226

10.6.5实例分析227

10.7制作滚动条基准色227

视频教学：5分钟227

10.7.1基础知识——scrollbar-base-color227

10.7.2实例描述227

10.7.3实例应用228

10.7.4运行结果228

10.7.5实例分析229

10.8制作彩色滚动条拖动区域229

视频教学：4分钟229

10.8.1基础知识——scrollbar-track-color229

10.8.2实例描述229

10.8.3实例应用230

10.8.4运行结果230

10.8.5实例分析231

10.9常见问题解答231

10.9.1滚动条颜色控制失效231

10.9.2滚动条滑块的问题231

10.10习题232

第11章 统揽全局——页面的定位与布局235

11.1盒子模型236

11.2具有固定位置的广告框237

视频教学：6分钟237

11.2.1基础知识——定位方式和位置237

11.2.2实例描述238

11.2.3实例应用238

11.2.4运行结果239

11.2.5实例分析240

11.3文字阴影效果240

视频教学：11分钟240

11.3.1基础知识——z-index属性240

11.3.2实例描述242

11.3.3实例应用242

11.3.4运行结果243

11.3.5实例分析243

11.4文字环绕的图片243

视频教学：11分钟244

11.4.1基础知识——浮动定位244

11.4.2实例描述246

11.4.3实例应用247

11.4.4运行结果248

11.4.5实例分析248

11.5显示一个图片的局部248

视频教学：11分钟248

11.5.1基础知识——clip248

11.5.2实例描述249

11.5.3实例应用249

11.5.4运行结果250

11.5.5实例分析250

11.6带滚动条的页面模块251

视频教学：11分钟251

11.6.1基础知识——overflow251

11.6.2实例描述251

11.6.3实例应用251

11.6.4运行结果252

11.6.5实例分析253

11.7横排的列表元素253

视频教学：4分钟253

11.7.1基础知识——display253

11.7.2实例描述254

11.7.3实例应用254

11.7.4运行结果255

11.7.5实例分析256

11.8使页面元素不可见256

11.9常见问题解答258

11.9.1 div布局用绝对定位好还是用相对定位好258

11.9.2 CSS样式中float属性的问题258

11.10习题259

第12章 逐步改善页面的表格261

12.1表格特有的元素262

12.2制作一个单线边框表格262

视频教学：7分钟263

12.2.1基础知识——border-collapse263

12.2.2实例描述264

12.2.3实例应用264

12.2.4运行结果265

12.2.5实例分析265

12.3设置单元格边界之间的距离266

视频教学：4分钟266

12.3.1基础知识——border-spacing266

12.3.2实例描述266

12.3.3实例应用266

12.3.4运行结果268

12.3.5实例分析268

12.4设置表格标题的位置268

视频教学：3分钟269

12.4.1基础知识——caption-side269

12.4.2实例描述269

12.4.3实例应用269

12.4.4运行结果270

12.4.5实例分析271

12.5隐藏表格中空单元格上的边框和背景271

视频教学：4分钟271

12.5.1基础知识——empty-cells271

12.5.2实例描述272

12.5.3实例应用272

12.5.4运行结果273

12.5.5实例分析273

12.6隐藏单元格超出的数据273

视频教学：5分钟274

12.6.1基础知识——table-layout274

12.6.2实例描述275

12.6.3实例应用275

12.6.4运行结果277

12.6.5实例分析278

12.7常见问题解答278

12.7.1 border-collapse问题278

12.7.2 CSS表格样式问题278

12.7.3 border-collapse取值的区别279

12.8习题279

第13章 逐步改善页面的表单281

13.1制作特殊样式的文本框282

视频教学：4分钟282

13.1.1基础知识——CSS为表单元素设置样式282

13.1.2实例描述282

13.1.3实例应用283

13.1.4运行结果284

13.1.5实例分析284

13.2制作特殊样式的文本框和按钮284

视频教学：4分钟285

13.2.1基础知识——同一个表单中的元素应用不同的样式285

13.2.2实例描述286

13.2.3实例应用286

13.2.4运行结果287

13.2.5实例分析287

13.3创建与文档同行的搜索框287

视频教学：2分钟287

13.3.1基础知识——避免表单创建额外的空格和换行符288

13.3.2实例描述288

13.3.3实例应用288

13.3.4运行结果289

13.3.5实例分析290

13.4对相关的字段进行分组290

视频教学：3分钟290

13.4.1基础知识——fieldset元素290

13.4.2实例描述290

13.4.3实例应用290

13.4.4运行结果291

13.4.5实例分析292

13.5为快捷键提示信息设置样式292

视频教学：5分钟292

13.5.1基础知识——accesskey属性292

13.5.2实例描述293

13.5.3实例应用293

13.5.4运行结果294

13.5.5实例分析295

13.6制作不同背景的下拉菜单295

视频教学：4分钟295

13.6.1基础知识——使用不同背景强调select下拉菜单295

13.6.2实例描述296

13.6.3实例应用296

13.6.4运行结果297

13.6.5实例分析297

13.7强调显示当前焦点字段297

视频教学：4分钟298

13.7.1基础知识——强调用户单击的表单字段298

13.7.2实例描述298

13.7.3实例应用298

13.7.4运行结果299

13.7.5实例分析300

13.8常见问题解答300

13.8.1 HTML中的fieldset的问题300

13.8.2如何使用accesskey的问题301

13.9习题302

第14章 滤镜及其他305

14.1滤镜特效306

14.2制作文字、图像透明特效307

视频教学：5分钟307

14.2.1基础知识——Alpha滤镜307

14.2.2实例描述308

14.2.3实例应用308

14.2.4运行结果309

14.2.5实例分析309

14.3制作两张图像轮换交替显示效果309

视频教学：4分钟310

14.3.1基础知识——BlendTrans滤镜310

14.3.2实例描述310

14.3.3实例应用311

14.3.4运行结果312

14.3.5实例分析313

14.4制作麦子随风起舞特效313

视频教学：4分钟313

14.4.1基础知识——Blur滤镜313

14.4.2实例描述314

14.4.3实例应用314

14.4.4运行结果315

14.4.5实例分析316

14.5制作半透明字体316

视频教学：4分钟316

14.5.1基础知识——Chroma滤镜316

14.5.2实例描述317

14.5.3实例应用317

14.5.4运行结果317

14.5.5实例分析318

14.6制作投影“宠物秀”页面318

视频教学：6分钟318

14.6.1基础知识——Shadow滤镜与DropShadow滤镜318

14.6.2实例描述319

14.6.3实例应用320

14.6.4运行结果320

14.6.5实例分析321

14.7可翻转的图像和文字321

视频教学：5分钟321

14.7.1基础知识——FlipH滤镜与FlipV滤镜321

14.7.2实例描述323

14.7.3实例应用323

14.7.4运行结果324

14.7.5实例分析324

14.8制作光晕字325

视频教学：5分钟325

14.8.1基础知识——Glow滤镜325

14.8.2实例描述326

14.8.3实例应用326

14.8.4运行结果327

14.8.5实例分析328

14.9让古代美女的粉色衣裳变为灰色328

视频教学：8分钟328

14.9.1基础知识——Gray滤镜328

14.9.2实例描述329

14.9.3实例应用329

14.9.4运行结果330

14.9.5实例分析330

14.10图像大翻身330

视频教学：5分钟330

14.10.1基础知识——Invert滤镜与Xray滤镜331

14.10.2实例描述332

14.10.3实例应用332

14.10.4运行结果332

14.10.5实例分析333

14.11实现镭射灯的效果333

视频教学：4分钟333

14.11.1基础知识——Light滤镜333

14.11.2实例描述334

14.11.3实例应用334

14.11.4运行结果335

14.11.5实例分析336

14.12制作遮罩字336

视频教学：3分钟336

14.12.1基础知识——Mask滤镜336

14.12.2实例描述336

14.12.3实例应用336

14.12.4运行结果337

14.12.5实例分析338

14.13图像淡入淡出338

视频教学：5分钟338

14.13.1基础知识——RevealTrans滤镜338

14.13.2实例描述339

14.13.3实例应用339

14.13.4运行结果340

14.13.5实例分析341

14.14让图像产生波纹变形341

视频教学：14分钟341

14.14.1基础知识——Wave滤镜341

14.14.2实例描述343

14.14.3实例应用343

14.14.4运行结果344

14.14.5实例分析345

14.15鼠标指针345

视频教学：3分钟345

14.15.1基础知识——鼠标指针345

14.15.2实例描述346

14.15.3实例应用346

14.15.4运行结果346

14.15.5实例分析347

14.16常见问题解答348

14.16.1对一个对象同时使用多个滤镜的问题348

14.16.2 startx、starty、finishx、finishy参数是否重要348

14.16.3 IE6中使用CSS滤镜后链接无法单击的问题349

14.17习题349

第15章 使用Dreamweaver提高工作效率353

15.1使用Dreamweaver完成网站设计354

视频教学：10分钟354

15.1.1基础知识——使用Dreamweaver编写HTML信息354

15.1.2基础知识——使用CSS面板创建样式357

15.1.3实例描述361

15.1.4实例应用361

15.1.5运行结果362

15.1.6实例分析363

15.2将网站介绍页面样式保存至本地363

视频教学：5分钟363

15.2.1基础知识——保存CSS文件到本地站点363

15.2.2实例描述365

15.2.3实例应用365

15.2.4运行结果367

15.2.5实例分析368

15.3为网站介绍页面添加背景颜色368

视频教学：4分钟368

15.3.1实例描述368

15.3.2实例应用368

15.3.3运行结果370

15.3.4实例分析370

15.4设置首页导航371

视频教学：8分钟371

15.4.1基础知识——插入菜单栏372

15.4.2基础知识——编辑菜单栏373

15.4.3实例描述377

15.4.4实例应用377

15.4.5运行结果378

15.4.6实例分析378

15.5制作导航简介378

视频教学：5分钟378

15.5.1基础知识——插入选项卡378

15.5.2基础知识——编辑选项卡379

15.5.3实例描述380

15.5.4实例应用380

15.5.5运行结果381

15.5.6实例分析381

15.6窗内公告382

视频教学：5分钟382

15.6.1基础知识——插入折叠式面板382

15.6.2基础知识——自定义折叠面板384

15.6.3实例描述386

15.6.4实例应用386

15.6.5运行结果387

15.6.6实例分析387

15.7用户注册387

视频教学：7分钟388

15.7.1实例描述388

15.7.2实例应用388

15.7.3运行结果398

15.7.4实例分析399

15.8常见问题解答399

15.8.1将样式保存至本地服务器399

15.8.2 Spry框架设置超链接399

15.9习题400

第16章 与XML整合403

16.1创建简单的XML文件404

视频教学：12分钟404

16.1.1基础知识——创建XML文档404

16.1.2实例描述407

16.1.3实例应用407

16.1.4实例分析408

16.2在XML中引用外部CSS样式文件制作家电条幅408

视频教学：7分钟408

16.2.1基础知识——使用CSS显示XML中的数据408

16.2.2实例描述409

16.2.3实例应用410

16.2.4运行结果412

16.2.5实例分析412

16.3在XML中嵌入CSS样式制作家电条幅413

视频教学：7分钟413

16.3.1基础知识——在XML中嵌入CSS样式413

16.3.2实例描述413

16.3.3实例应用413

16.3.4运行结果414

16.3.5实例分析414

16.4实现学生信息的隔行变色功能415

视频教学：7分钟415

16.4.1基础知识——XML实现隔行变色的表格415

16.4.2实例描述416

16.4.3实例应用416

16.4.4运行结果418

16.4.5实例分析419

16.5使用XSLT制作宠物展示页面419

视频教学：6分钟419

16.5.1基础知识——使用XSLT显示XML数据419

16.5.2实例描述421

16.5.3实例应用421

16.5.4运行结果423

16.5.5实例分析423

16.6常见问题解答424

16.6.1设置的CSS样式无效的问题424

16.6.2为什么还要发展XML424

16.6.3为什么要使用XML而不是HTML425

16.6.4 XML如何与数据库连接425

16.7习题426

第17章 尽善尽美——合理使用JavaScript429

17.1会变色的表格边框430

视频教学：5分钟430

17.1.1实例描述430

17.1.2实例应用430

17.1.3运行结果431

17.1.4实例分析431

17.2随着鼠标浮动的文字431

视频教学：4分钟432

17.2.1实例描述432

17.2.2实例应用432

17.2.3运行结果433

17.2.4实例分析434

17.3会闪的图片434

视频教学：3分钟434

17.3.1实例描述434

17.3.2实例应用434

17.3.3运行结果435

17.3.4实例分析435

17.4图片翻转436

视频教学：4分钟436

17.4.1实例描述436

17.4.2实例应用436

17.4.3运行结果437

17.4.4实例分析437

17.5舞动的文字438

视频教学：4分钟438

17.5.1实例描述438

17.5.2实例应用438

17.5.3运行结果441

17.5.4实例分析442

17.6会收缩的导航栏442

视频教学：4分钟442

17.6.1实例描述442

17.6.2实例应用443

17.6.3运行结果445

17.6.4实例分析445

17.7逐渐变色的表格445

视频教学：4分钟446

17.7.1实例描述446

17.7.2实例应用446

17.7.3运行结果448

17.7.4实例分析449

17.8常见问题解答449

17.8.1 JavaScript的典型错误449

17.8.2变量每秒自加1449

17.8.3通过滤镜实现图片翻转的问题450

17.9习题451

第18章 CSS跨浏览器支持技术453

18.1为特定浏览器提供不同的样式454

视频教学：5分钟454

18.1.1基础知识——条件注释454

18.1.2实例描述456

18.1.3实例应用456

18.1.4运行结果458

18.1.5实例分析458

18.2解决空白边叠加问题458

视频教学：5分钟458

18.2.1基础知识——空白边叠加459

18.2.2实例描述460

18.2.3实例应用460

18.2.4运行结果462

18.2.5实例分析462

18.3避免浮动元素闭合462

视频教学：6分钟462

18.3.1基础知识——闭合浮动元素462

18.3.2实例描述465

18.3.3实例应用465

18.3.4运行结果467

18.3.5实例分析467

18.4选择合适的DOCTYPE467

视频教学：11分钟467

18.4.1基础知识——DOCTYPE的作用467

18.4.2基础知识——定义DOCTYPE469

18.4.3实例描述470

18.4.4实例应用470

18.4.5运行结果471

18.4.6实例分析471

18.5 CSS Bug471

18.5.1校验CSS Bug472

18.5.2捕捉Bug的基本步骤473

18.6 CSS建议475

18.7常见问题解答478

18.7.1 CSS样式表显示问题478

18.7.2 CSS固定div的兼容性问题478

18.7.3简单菜单的兼容性479

18.7.4 CSS在IE和FF中的兼容性问题479

18.8习题481

第19章 itzcn书店设计483

19.1案例效果图分析484

19.1.1划分页面主体框架484

19.1.2分析顶部模块485

19.1.3分析底部模块486

19.1.4分析页面主体部分结构486

19.2站点目录结构488

19.3页面框架布局设计488

19.4头部banner和菜单条的布局设计491

19.5底部页面脚注的布局设计493

19.6左侧主内容区域的详细设计494

19.6.1“好书推荐”栏目样式设计495

19.6.2“新书上架”栏目样式设计498

19.7右侧辅助内容区域的详细设计500

19.7.1“购物车”栏目样式设计500

19.7.2“关于书店”栏目样式设计501

19.7.3“优惠图书”栏目样式设计502

19.7.4“图书分类”栏目样式设计504

19.7.5“友情链接”栏目样式设计506

19.8总结506

第20章 设计微博首页507

20.1系统分析508

20.1.1最终效果预览508

20.1.2结构分析509

20.2准备工作510

20.2.1创建站点结构510

20.2.2定义页面结构512

20.3设计顶部Logo展示模块514

20.4设计底部版权展示模块515

20.5设计左侧内容显示模块517

20.5.1宣传广告518

20.5.2热议话题518

20.5.3会员列表和最新话题521

20.6设计右侧边栏模块527

20.6.1会员注册与登录入口527

20.6.2会员关注排行榜530

20.7总结532

附录 参考答案533