CSS从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

CSS从入门到精通PDF格式电子书版下载

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

第一篇　基础知识篇3

第1章　与网页有关的基本概念3

1.1 网页的基本构成3

1.2 网页的结构设计——HTML与XHTML4

1.2.1 认识HTML5

1.2.2 认识XHTML5

1.2.3 制作一个简单的XHTML网页6

1.2.4 XHTML的优势7

1.3 CSS入门8

1.3.1 感性体验CSS的魅力8

1.3.2 CSS的概念11

1.3.3 CSS的特点11

1.3.4　CSS的优势12

1.3.5 发挥CSS的优势12

1.4　Web标准13

1.4.1　什么是Web标准14

1.4.2　Web标准的构成14

1.4.3　Web标准的表现层技术15

1.5 CSS+DIV建设网站15

1.5.1 CSS+DIV的含义15

1.5.2　CSS+DIV网站设计的优势15

1.6　小结16

第2章　CSS基础知识18

2.1 CSS的基本语法18

2.1.1 CSS的基本语法构成18

2.1.2　一个CSS样式的简单实例18

2.2 CSS的选择符19

2.2.1　类型选择符20

2.2.2　群组选择符20

2.2.3　包含选择符20

2.2.4　id、class选择符21

2.2.5　标签指定式选择符22

2.2.6　组合选择符22

2.2.7　伪类和伪对象23

2.2.8　通配选择符23

2.3 CSS的常用属性及属性值24

2.3.1　color颜色属性24

2.3.2 常用CSS长度单位25

2.3.3 百分比值26

2.3.4　URL路径26

2.4　CSS的继承性27

2.5　CSS的添加方法28

2.5.1 在XHTML标识符里添加CSS28

2.5.2 在XHTML头信息标识符〈head〉里添加CSS28

2.5.3　链接样式表29

2.5.4　联合使用样式表30

2.6　CSS的开发环境31

2.6.1 编辑软件31

2.6.2　浏览软件32

2.7 小结33

第3章 XHTML与Javascript基础35

3.1 XHTML基础知识35

3.1.1 XHTML的格式文件35

3.1.2 XHTML基本结构36

3.1.3 XHTML网页实例39

3.2 XHTML的语法构成40

3.2.1 XHTML中的标签40

3.2.2　XHTML的标签属性41

3.3 XHTML的语法规范42

3.3.1　标签不能重叠，可以嵌套42

3.3.2　XHTML文件一定要有正确的组织格式42

3.3.3 标签名字一定要用小写字母43

3.3.4 所有的XHTML元素一定要关闭43

3.3.5 独立的一个标签也要结束用／〉来结束43

3.4　div标签43

3.4.1　什么是div44

3.4.2　理解div44

3.4.3　使用div46

3.4.4　div的并列与嵌套46

3.5　span标签47

3.5.1 什么是span47

3.5.2　span与div的区别47

3.6　h1至h6标签49

3.7　列表制作标签ul、ol、li49

3.7.1　ul无序列表50

3.7.2　ol有序列表51

3.8　P标签和br标签51

3.8.1　P标签51

3.8.2　br标签52

3.9　img标签53

3.9.1　img标签的属性53

3.9.2　img标签使用方法53

3.10　表单标签54

3.10.1 form标签54

3.10.2　input标签54

3.10.3　分组标签fieldset、legend56

3.11 JavaScript简介57

3.12　JavaScript语言基础58

3.12.1　插入JavaScript58

3.12.2　基本语法59

3.12.3　变量和数据类型59

3.12.4　语句60

3.13　JavaScript的对象及其属性和方法63

3.14　事件处理64

3.14.1　事件处理的类型64

3.14.2　指定事件处理64

3.15 小结65

第4章 浏览器的兼容与解析问题67

4.1 兼容问题的由来67

4.2　需要兼容的常用浏览器67

4.3　CSS hack技术68

4.3.1 什么是CSS hack68

4.3.2　使用CSS hack69

4.4　常用CSS hack方法介绍69

4.4.1 屏蔽IE 6浏览器70

4.4.2　仅IE 7识别71

4.4.3　仅IE 6识别71

4.4.4　仅IE识别72

4.4.5 兼容IE 6、IE 7、Firefox浏览器73

4.5 CSS hack管理75

4.6　IE条件注释功能76

4.7 小结76

第二篇　实例制作篇81

第5章　使用CSS制作背景81

5.1　制作颜色背景81

5.2　给元素添加背景图片82

5.2.1 指定背景图像83

5.2.2　制作重复的背景图像85

5.3　制作不动的背景86

5.4　给网页添加背景89

5.5　制作滚动的背景91

5.6　综合使用背景92

5.7 小结94

第6章 使用CSS布局页面顶部内容95

6.1 制作包含文本logo的页面顶部95

6.2　制作包含图像logo的页面顶部97

6.2.1 制作实例98

6.2.2　兼容问题100

6.3　制作包含文本banner的页面顶部102

6.3.1 图片logo的定位103

6.3.2　定义快捷方式的文本样式105

6.3.3　定义段落文本banner样式107

6.4　制作包含图像banner的页面顶部108

6.5 小结112

第7章　使用CSS制作网站导航114

7.1 制作一个简单的横向文字导航条114

7.2　制作方块导航条117

7.3　制作标签式导航119

7.4　制作按钮导航条122

7.5　CSS盒模型及盒模型hack126

7.5.1　盒模型尺寸126

7.5.2　盒模型hack128

7.5.3 简单盒模型hack方法129

7.6　制作会动的长城型导航条130

7.7　制作基于背景控制的导航条135

7.8　制作左右自由伸展的导航条138

7.8.1 九宫格技术原理139

7.8.2　制作自由伸展的导航条实例141

7.9　制作一个简单的纵向导航条144

7.9.1　使用ul、li列表标签制作导航条145

7.9.2　使用div+h1标签制作145

7.10　制作分行导航条148

7.11 制作增亮导航条149

7.12　制作动感的导航条151

7.13　制作下拉式导航条155

7.13.1 制作实例155

7.13.2　兼容问题159

7.14　制作多级弹出导航条160

7.14.1 制作实例160

7.14.2　兼容问题165

7.15 小结167

第8章　使用CSS制作列表169

8.1 制作新闻列表169

8.1.1　制作实例170

8.1.2　兼容问题173

8.2　制作排行榜174

8.3 制作自定义图片项目符号的列表177

8.3.1 使用列表符号样式属性制作列表177

8.3.2　使用背景图片属性制作列表符号180

8.3.3 兼容问题181

8.4　使用CSS改变列表排版182

8.5　列表缩进排版186

8.5.1 制作实例186

8.5.2　兼容问题189

8.6　复杂列表排版191

8.6.1 overflow属性语法结构191

8.6.2　制作实例191

8.6.3　兼容问题196

8.7　小结198

第9章　使用CSS制作表单200

9.1 制作登录表单200

9.1.1　label标签语法结构201

9.1.2　制作登录表单实例201

9.1.3　兼容问题204

9.2　制作用户注册表单205

9.2.1 制作页面的XHTML代码206

9.2.2　制作页面的CSS样式208

9.3 制作符合W3C标准的表单213

9.3.1 制作页面的XHTML代码213

9.3.2　制作页面的CSS样式216

9.3.3　兼容问题224

9.4　小结224

第10章　使用CSS制作内容的版式226

10.1 制作分栏的文字排版226

10.2　制作图文混合排版228

10.2.1 图文混排基本方式228

10.2.2　制作网站图文混排版式的实例230

10.3 制作全图排版的实例235

10.3.1 自由浮动布局235

10.3.2　其他显示方式布局240

10.4　小结242

第11章 使用CSS制作链接样式243

11.1 制作Windows风格样式的CSS按钮243

11.1.1 仿Windows经典样式的CSS按钮243

11.1.2　仿Windows XP风格的CSS按钮244

11.2　制作仿按钮下陷效果的实例245

11.3 面包屑导航链接246

11.3.1　制作实例247

11.3.2　兼容问题249

11.4 小结250

第12章　使用CSS制作数据表格252

12.1 制作基本的数据表格252

12.1.1 表示数据的表格对象标签252

12.1.2　使用表格标签制作表格252

12.1.3 使用CSS修饰表格样式254

12.2　制作CSS风格的数据表格258

12.2.1 表格对象标签属性258

12.2.2 CSS属性text-transform259

12.2.3　制作数据表格实例259

12.3 小结266

第13章 使用CSS制作页面底部内容267

13.1 制作文本信息的页面底部内容267

13.1.1　a标签的title属性267

13.1.2　制作包含文本信息的页面底部XHTML结构代码267

13.1.3　制作页面的CSS样式268

13.1.4　兼容问题272

13.2　制作包含导航链接的页面底部内容273

13.2.1 制作包含导航链接页面底部的XHTML代码结构273

13.2.2　制作页面的CSS样式274

13.3 制作包含图像友情链接的页面底部内容278

13.3.1 制作页面底部的XHTML结构278

13.3.2　制作页面的CSS样式279

13.4 小结282

第三篇　整体布局篇287

第14章　CSS基本布局287

14.1　一列固定宽度287

14.2　一列宽度自适应288

14.3 一列居中290

14.4　二列固定宽度292

14.5　二列宽度自适应293

14.6　两列右列宽度自适应294

14.7　两列固定宽度居中297

14.8　三列浮动中间列宽度自适应299

14.9　高度自适应302

14.10 小结303

第15章 CSS整体布局的实现305

15.1 顶行三列布局的实现305

15.1.1　制作思路306

15.1.2　制作顶部三列式布局实例307

15.2　多区域不规则布局309

15.2.1 制作思路310

15.2.2　制作多区域不规则布局的实例313

15.3 小结316

第16章　使用Dreamweaver制作页面的实例317

16.1 框架设计317

16.1.1 页面分析318

16.1.2　框架制作319

16.1.3　切图323

16.2　布局设计326

16.2.1 页面顶部布局设计327

16.2.2 页面中上部的布局设计329

16.2.3　页面中下部的布局设计332

16.2.4　页面底部的布局设计336

16.3　模块设计338

16.3.1 快速导航制作338

16.3.2 “面包屑”制作341

16.3.3　数据表格制作342

16.3.4　图片排版345

16.4　兼容性测试348

16.5　小结350

第四篇　综合应用篇353

第17章　博客类网页布局设计353

17.1 页面布局和规划354

17.1.1 界面设计分析354

17.1.2 规划页面布局354

17.2 CSS结构设计与整体布局设计356

17.2.1 CSS结构设计356

17.2.2 整体布局设计357

17.3 页面头部布局设计360

17.3.1 制作头部的结构代码360

17.3.2 编写头部的CSS代码361

17.4 日志部分的布局设计363

17.4.1 制作日志部分的结构代码364

17.4.2 编写日志部分的CSS代码365

17.5 边栏区域的布局设计369

17.5.1 制作边栏区域的结构代码369

17.5.2 编写右边栏区域的CSS代码370

17.6 页面底部的布局设计372

17.6.1 制作底部的结构代码372

17.6.2 编写底部的CSS代码373

17.7 小结374

第18章 企业类网页布局设计375

18.1 页面布局和规划375

18.1.1 界面设计分析376

18.1.2 规划页面布局377

18.2 CSS结构设计与整体布局设计378

18.2.1 CSS文件结构设计378

18.2.2 首页布局设计379

18.3 页面头部布局设计381

18.3.1 制作头部的结构代码381

18.3.2 编写头部的CSS样式382

18.4 页面banner区域的布局设计383

18.4.1 制作banner区域主体的布局设计383

18.4.2 制作banner区域各个元素的布局设计384

18.5 页面主内容区的布局设计389

18.5.1 制作页面主内容区结构389

18.5.2 编写CSS样式390

18.6 频道页面布局设计概述393

18.7 小结394