新手学CSS+DIVPDF|Epub|txt|kindle电子书版本网盘下载

新手学CSS+DIVPDF格式电子书版下载

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

第1篇　CSS技术基础2

第1章　网页制作入门2

1.1 了解浏览器和网页文档的关系2

1.2　初识HTML和XHTML3

1.2.1　HTML3

1.2.2　XHTML4

1.2.3　XHTML语法5

1.3　初识CSS的作用6

1.4　选择一个合适的开发工具8

1.4.1　CSS专业开发编辑器TopStyle8

1.4.2　网页开发编辑器Dreamweaver10

1.5　常见面试题10

1.6 小结11

1.7　习题11

第2章　CSS初体验——编写一个简单的网页文档12

2.1　编写XHTML文档12

2.1.1 使用Dreamweaver新建一个XHTML框架文档12

2.1.2　手工编写XHTML文档14

2.2　使CSS在XHTML文档中生效15

2.2.1 在标签中加入CSS样式15

2.2.2　在＜style＞＜／style＞标签中加入CSS样式16

2.2.3　链入外部CSS样式表17

2.2.4　导入样式18

2.2.5　优先级问题19

2.3　初探CSS语句的结构和工作原理20

2.3.1　CSS语句的结构20

2.3.2　CSS语句的工作原理20

2.4　CSS的注释21

2.5　实例——从无到有建网页21

2.6　常见面试题24

2.7　小结25

2.8 习题25

第3章　CSS的基本语法26

3.1　选择器26

3.1.1　标签选择器26

3.1.2　类选择器27

3.1.3　ID选择器28

3.1.4　全局选择器30

3.1.5　组合选择器30

3.1.6　继承选择器32

3.1.7　伪类35

3.2　声明35

3.2.1 多重声明36

3.2.2　集体声明36

3.3　CSS的层叠原理38

3.3.1　CSS样式来源38

3.3.2　选择器的优先级38

3.3.3　!important语句39

3.3.4　顺序优先级40

3.3.5　CSS的层叠规则41

3.4　实例——制作简单的竖形菜单42

3.5　常见面试题44

3.6　小结44

3.7 习题44

第4章　CSS的单位46

4.1　颜色单位46

4.1.1　颜色名称46

4.1.2　百分比颜色47

4.1.3　数字颜色48

4.1.4　十六进制颜色49

4.2　长度单位51

4.2.1　绝对单位51

4.2.2　相对单位51

4.3　常见面试题53

4.4　小结53

4.5 习题54

第2篇　使用CSS控制页面样式56

第5章　用CSS控制文本样式56

5.1 字体56

5.2　文字大小概述57

5.2.1　设置文字大小58

5.2.2　定义文字的相对大小58

5.2.3　定义文字的绝对大小60

5.3　文字颜色62

5.4　文字粗细63

5.5　斜体65

5.6 下划线、顶划线和删除线66

5.7　英文字母大小写68

5.8　属性的缩写法69

5.9　用段落属性改变文字的段落样式69

5.9.1　段落的水平对齐方式70

5.9.2　段落的垂直对齐方式71

5.9.3　首行缩进73

5.9.4　行间距与字间距74

5.10　实例——简单的文章页面78

5.11　常见面试题81

5.12　小结81

5.13 习题81

第6章　用CSS设置图片样式82

6.1　用CSS设置图片的样式82

6.1.1　在网页中插入图片82

6.1.2　控制图片的大小83

6.1.3　给图片添加边框的技巧87

6.1.4　图片不显示的解决办法88

6.1.5　给图片增加链接89

6.2　实例——文字环绕90

6.3　实例——制作简单相册92

6.4　常见面试题97

6.5　小结98

6.6 习题98

第7章　用CSS设置背景99

7.1　设置背景颜色99

7.2　设置背景图片100

7.2.1　为元素添加背景图案100

7.2.2　背景图的重复101

7.2.3　背景图的位置103

7.2.4　滚动和固定背景图107

7.2.5　背景属性缩写109

7.3 实例——制作圆角109

7.4　常见面试题113

7.5　小结114

7.6　习题114

第8章　用CSS控制超链接样式115

8.1　改变超链接的基本样式115

8.2　丰富超链接的表现形式116

8.2.1　超链接背景图的巧妙运用116

8.2.2　超链接翻转效果119

8.3　实例——制作实用工具栏122

8.4　常见面试题126

8.5　小结126

8.6 习题127

第9章　用CSS控制列表样式128

9.1　列表的类型128

9.1.1　无序列表128

9.1.2　有序列表129

9.1.3　定义列表130

9.2　改变列表符的样式131

9.2.1　使用自带的列表符131

9.2.2　用背景图片改变列表符133

9.2.3　改变列表符的位置134

9.2.4　列表属性的速写法135

9.3　实例——制作带时间显示的新闻列表135

9.4　实例——制作WEB 2.0风格导航137

9.5　常见面试题141

9.6　小结141

9.7 习题141

第10章　用CSS美化表格143

10.1　表格的基本页面元素143

10.2　使用CSS控制表格元素146

10.2.1　设置表格元素宽度146

10.2.2　设置表格元素边框147

10.3　实例——制作日历147

10.4　常见面试题151

10.5　小结151

10.6　习题151

第11章　用CSS控制表单样式153

11.1　了解表单元素153

11.1.1　form标签和fieldset标签153

11.1.2　表单域和表单按钮155

11.2　使用CSS美化表单元素155

11.2.1　美化fieldset标签156

11.2.2　美化表单域157

11.3　实例——制作整洁的用户登录框160

11.4　实例——制作简单的留言板165

11.5　常见面试题170

11.6 小结170

11.7 习题170

第12章　CSS滤镜的应用172

12.1　滤镜概述172

12.2　透明层次滤镜（alpha）172

12.3　颜色透明滤镜（chroma）176

12.4　模糊滤镜（blur）177

12.5　固定阴影滤镜（dropshadow）179

12.6　移动阴影滤镜（shadow）180

12.7　光晕滤镜（glow）181

12.8　灰度滤镜（gray）182

12.9　反色滤镜（invert）183

12.10　镜像滤镜（flip）184

12.11　遮罩滤镜（mask）185

12.12　X射线滤镜（x-ray）185

12.13　波纹滤镜（wave）186

12.14　常见面试题187

12.15　小结188

12.16　习题188

第13章　CSS代码的编写规范189

13.1　使用语义明确的标记189

13.2　使用有意义的CSS命名189

13.3　CSS代码的缩写191

13.4　合理的CSS注释192

13.5　常见面试题192

13.6　小结193

13.7　习题193

第3篇　DIV+CSS布局196

第14章　DIV+CSS布局基础196

14.1　初识DIV+CSS布局的流程196

14.2　了解盒模型198

14.2.1　div标签的盒模型举例198

14.2.2　基本盒模型201

14.2.3　边距202

14.2.4　补白206

14.2.5　边框207

14.3　页面元素的布局211

14.3.1　块级元素与行内元素211

14.3.2　CSS布局方式——常规流213

14.4　CSS布局方式——浮动213

14.4.1　两个元素的浮动应用214

14.4.2　多个元素的浮动应用216

14.4.3　清除浮动218

14.4.4　解决火狐浏览器的计算高度问题219

14.5　CSS布局方式——相对定位221

14.5.1　单个元素的相对定位222

14.5.2　两个元素的相对定位224

14.6　CSS布局方式——绝对定位226

14.6.1　单个元素的绝对定位226

14.6.2　两个元素的绝对定位227

14.7　实例——制作歌曲专辑列表229

14.8　实例——给图片加入信息232

14.9　常见面试题234

14.10　小结234

14.11 习题235

第15章　CSS页面基本排版技术236

15.1　固定宽度布局236

15.1.1　一列的水平居中布局236

15.1.2　两列浮动布局239

15.1.3　三列浮动布局243

15.2　自适应宽度布局248

15.2.1　两列布局——两列自适应宽度248

15.2.2　两列布局——左列固定右列自适应250

15.2.3　三列布局——中间列自适应252

15.3　复杂的页面排版254

15.3.1　复杂的页面排版——垂直布局255

15.3.2　复杂的页面排版——水平布局261

15.4　常见面试题266

15.5　小结266

15.6　习题266

第16章　CSS的过滤器和HACK268

16.1　CSS的过滤器和HACK概述268

16.2　常用的HACK技术269

16.2.1　全局选择器html269

16.2.2　!important和下划线270

16.2.3　区分IE6、IE7和火狐浏览器的HACK技术270

16.3　修复浏览器中常见的bug271

16.3.1　修正浮动元素的双倍边距272

16.3.2　修正IE6的消隐273

16.3.3　修正IE6的重复字符275

16.3.4　让火狐浏览器自动计算容器高度276

16.3.5　实现容器的最小高度278

16.4　常见面试题281

16.5 小结281

16.6　习题281

第17章　了解WEB标准和重构283

17.1　网页的组成283

17.1.1　结构283

17.1.2　表现285

17.1.3　行为286

17.2　了解WEB标准286

17.2.1　什么是WEB标准286

17.2.2　什么是W3C287

17.2.3　使用WEB标准的必要性288

17.3　如何建立标准WEB网页289

17.3.1　正确书写网页文档头部289

17.3.2　遵循XHTML语法289

17.4　常见面试题291

17.5　小结292

17.6　习题292

第4篇　精彩案例剖析294

第18章　DIV+CSS页面布局实例：制作个人网站首页294

18.1　个人网站首页构架分析294

18.2　分块制作个人网站首页295

18.2.1 制作个人网站首页的总体布局295

18.2.2　实现左中右浮动布局297

18.2.3　制作个人网站首页的左边栏目（leftCol）299

18.2.4　制作个人网站首页的中间栏目（midCol）301

18.2.5　制作个人网站首页的右边栏目（rightCol）304

18.3　小结305

第19章　DIV+CSS页面布局实例：制作个人博客306

19.1　个人博客网站构架分析306

19.2　个人博客首页的总体布局308

19.2.1　建立网站文件夹以及构建整体网页的结构308

19.2.2　构建整体网页的布局309

19.2.3　实现mian容器中栏目的左中右浮动布局309

19.3　制作个人博客的首页头部（header）310

19.4　制作个人博客的着页左边栏目（leftCol）311

19.4.1 制作左边栏中网文的结构312

19.4.2　制作左边栏中网文的样式314

19.4.3　完成leftCol其余部分的布局316

19.5　制作个人博客首页的中间栏目（midCol）318

19.6 制作个人博客首页的右边栏目（rightCol）321

19.7　制作个人博客分页322

19.7.1　制作个人博客网站的文章页（article.html）分页322

19.7.2　制作个人博客网站的留言板（guestbook.html）分页327

19.7.3　制作个人博客网站的主题页（archives.html）分页327

19.3.4　制作个人博客关于（about.html）分页329

19.8　小结331

第20章　DIV+CSS页面布局实例：制作服饰商城332

20.1　服饰商城构架分析332

20.2　制作服饰商城首页的总体布局333

20.2.1　建立网站文件夹以及构建整体网页的结构333

20.2.2　构建整体网页的布局334

20.3　制作服饰商城首页头部（header）335

20.4　制作服饰商城导航（nav）336

20.5　制作服饰商城第一栏（firstCol）338

20.5.1　制作服饰商城第一栏的布局338

20.5.2　制作服饰商城第一栏的左边部分sortList339

20.5.3 制作服饰商城第一栏的中间部分midFlash和右边部分rightBox341

20.6　制作服饰商城第二栏（secondCol）344

20.6.1　制作服饰商城第二栏的布局344

20.6.2　制作服饰商城第二栏的左列secondColLeft344

20.6.3　制作服饰商城第二栏的右列secondColRight347

20.7　制作服饰商城购物指导部分（guide）350

20.8　制作服饰商城的商品列表页（list.html）分页352

20.8.1　制作list.html的总体布局353

20.8.2　制作list.html的左列subLeftCol353

20.8.3　制作list.html的左列subRightCol357

20.9　制作服饰商城的商品详细页（detail.html）分页359

20.9.1　制作detail.html的右边栏目359

20.9.2　制作产品评论栏目362

20.10　小结365

第21章　DIV+CSS页面布局实例：制作门户网站366

21.1 门户网站构架分析366

21.2　制作门户网站首页的总体布局367

21.2.1　建立网站文件夹以及构建整体网页的结构367

21.2.2　构建整体网页的布局367

21.3　制作门户网站首页头部（header）368

21.4　制作门户网站首页的第一栏（firstCol）370

21.4.1　制作firstCol的总体布局370

21.4.2　制作firstCol的左边栏firstColLeft371

21.4.3　制作firstCol的中间栏firstColMid374

21.4.4　制作firstCol的右边栏firstColRight378

21.5　制作门户网站首页的精选图片（picture）381

21.6　制作门户网站首页的校园栏目和教育栏目（ceWrapper）382

21.6.1 制作门户网站首页的校园栏目382

21.6.2　制作门户网站首页的教育栏目385

21.7　制作门户网站首页的四栏布局（fourCols）388

21.8　制作门户网站首页的广告位（adImg）和两栏布局（twoCols）392

21.9　制作门户网站首页的尾部（footer）397

21.10　制作门户网站的资讯内容页（content.html）398

21.10.1　制作contenthtml的总体布局398

21.10.2　制作content.html的左列leftCol399

21.10.3　制作content.html的右列rightCol403

21.11　小结406