CSS从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第一篇 基础知识篇2

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

1.1网页的基本构成2

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

1.2.1认识HTML3

1.2.2认识XHTML4

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

1.2.4 XHTML的优势5

1.3 CSS入门6

1.3.1感性体验CSS的魅力6

1.3.2 CSS的概念8

1.3.3 CSS的特点9

1.3.4 CSS的优势9

1.3.5发挥CSS的优势10

1.4 Web标准11

1.4.1什么是Web标准12

1.4.2 Web标准的构成12

1.4.3 Web标准的表现层技术13

1.5使用CSS+DIV建设网站13

1.5.1 CSS+DIV的含义13

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

1.6小结14

1.7习题15

第2章CSS基础知识16

2.1 CSS的基本语法16

2.1.1 CSS的基本语法构成16

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

2.2 CSS的选择符18

2.2.1类型选择符18

2.2.2群组选择符18

2.2.3包含选择符18

2.2.4 id、 class选择符19

2.2.5标签指定式选择符20

2.2.6组合选择符20

2.2.7伪类和伪对象21

2.2.8通配选择符21

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

2.3.1 color颜色属性22

2.3.2常用的CSS长度单位23

2.3.3百分比值24

2.3.4 URL路径24

2.4 CSS的继承性25

2.5 CSS的添加方法26

2.5.1在XHTML标识符里添加CSS26

2.5.2在XHTML头信息标识符＜head＞里添加CSS26

2.5.3链接样式表27

2.5.4联合使用样式表28

2.6 CSS的开发环境29

2.6.1编辑软件29

2.6.2浏览软件30

2.7小结31

2.8习题32

第3章XHTML与JavaScript基础33

3.1 XHTML基础知识33

3.1.1 XHTML的格式文件33

3.1.2 XHTML基本结构34

3.1.3 XHTML网页实例37

3.2 XHTML的语法构成38

3.2.1 XHTML中的标签38

3.2.2 XHTM L的标签属性39

3.3 XHTML的语法规范39

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

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

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

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

3.3.5独立的一个标签也要用来结束41

3.4 div标签41

3.4.1什么是div41

3.4.2理解div42

3.4.3使用div43

3.4.4 div的并列与嵌套44

3.5 span标签44

3.5.1什么是span45

3.5.2 span与div的区别45

3.6 h1至h6标签46

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

3.7.1 ul无序列表47

3.7.2 ol有序列表48

3.8 p标签和br标签48

3.8.1 p标签48

3.8.2 br标签49

3.9 img标签49

3.9.1 img标签的属性49

3.9.2 img标签使用方法50

3.10表单标签50

3.10.1 form标签50

3.10.2 input标签51

3.10.3分组标签fiieldset、 legend53

3.11 JavaScript简介53

3.12 JavaScript语言基础54

3.12.1插入JavaScript55

3.12.2基本语法55

3.12.3变量和数据类型56

3.12.4语句57

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

3.14事件处理61

3.14.1事件处理的类型61

3.14.2指定事件处理61

3.15 小结62

3.16习题63

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

4.1兼容问题的由来65

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

4.3 CSS hack技术66

4.3.1什么是CSS hack66

4.3.2使用CSS hack67

4.4常用CSS hack方法介绍68

4.4.1屏蔽IE 6浏览器68

4.4.2仅IE 7识别68

4.4.3仅IE 6识别69

4.4.4仅IE识别70

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

4.5 CSS hack管理72

4.6 IE条件注释功能73

4.7小结73

4.8习题74

第二篇 实例制作篇76

第5章 使用CSS制作背景76

5.1制作背景颜色76

5.2给元素添加背景图片78

5.2.1指定背景图像78

5.2.2制作重复的背景图像80

5.3制作不动的背景81

5.4给网页添加背景84

5.5制作滚动页面的背景85

5.6综合使用背景86

5.7小结87

5.8习题88

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

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

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

6.2.1制作实例92

6.2.2兼容问题94

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

6.3.1图片10g0的定位96

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

6.3.3定义段落文本banner样式100

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

6.5小结105

6.6习题106

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

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

7.2制作方块导航条110

7.3制作标签式导航112

7.4制作按钮导航条115

7.5 CSS盒模型及盒模型hack118

7.5.1盒模型尺寸118

7.5.2盒模型hack120

7.5.3简单盒模型hack方法121

7.6制作会动的长城形导航条121

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

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

7.8.1九宫格技术原理129

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

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

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

7.9.2使用div+hl标签制作135

7.10制作分行导航条137

7.11制作增亮导航条139

7.12制作动感的导航条141

7.13制作下拉式导航条144

7.13.1制作实例145

7.13.2兼容问题147

7.14制作多级弹出导航条149

7.14.1制作实例149

7.14.2兼容问题153

7.15 小结154

7.16习题155

第8章 使用CSS制作列表156

8.1制作新闻列表156

8.1.1制作实例157

8.1.2兼容问题159

8.2制作排行榜160

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

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

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

8.3.3兼容问题167

8.4使用CSS改变列表排版168

8.5列表缩进排版171

8.5.1制作实例171

8.5.2兼容问题174

8.6复杂列表排版175

8.6.1 overflow属性语法结构176

8.6.2制作实例176

8.6.3兼容问题181

8.7小结183

8.8习题184

第9章 使用CSS制作表单185

9.1制作登录表单185

9.1.1 label标签语法结构186

9.1.2制作登录表单实例186

9.1.3兼容问题189

9.2制作用户注册表单190

9.2.1制作页面的XHTML代码191

9.2.2制作页面的CSS样式193

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

9.3.1制作页面的XHTML代码197

9.3.2制作页面的CSS样式200

9.3.3兼容问题204

9.4小结205

9.5习题205

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

10.1制作分栏的文字排版206

10.2制作图文混合排版208

10.2.1图文混排基本方式208

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

10.3制作全图排版的实例212

10.3.1自由浮动布局213

10.3.2其他显示方式布局216

10.4小结218

10.5习题218

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

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

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

11.1.2仿Windows XP风格的CSS按钮220

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

11.3面包屑导航链接222

11.3.1制作实例223

11.3.2兼容问题225

11.4小结226

11.5习题226

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

12.1制作基本的数据表格227

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

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

12.1.3使用CSS修饰表格样式229

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

12.2.1表格对象标签属性232

12.2.2 CSS属性text-transform233

12.2.3制作数据表格实例233

12.3小结238

12.4习题239

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

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

13.1.1 a标签的title属性240

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

13.1.3制作页面的CSS样式241

13.1.4兼容问题244

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

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

13.2.2制作页面的CSS样式246

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

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

13.3.2制作页面的CSS样式251

13.4小结253

13.5习题254

第三篇 整体布局篇256

第14章CSS基本布局256

14.1一列固定宽度256

14.2一列宽度自适应258

14.3一列居中259

14.4二列固定宽度260

14.5二列宽度自适应262

14.6两列右列宽度自适应263

14.7两列固定宽度居中264

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

14.9高度自适应268

14.10小结270

14.11习题270

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

15.1顶行三列布局的实现271

15.1.1制作思路272

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

15.2多区域不规则布局274

15.2.1制作思路275

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

15.3小结279

15.4习题280

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

16.1框架设计281

16.1.1页面分析282

16.1.2框架制作282

16.1.3切图285

16.2布局设计288

16.2.1页面顶部布局设计288

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

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

16.2.4页面底部的布局设计296

16.3模块设计298

16.3.1快速导航制作298

16.3.2“面包屑”制作300

16.3.3数据表格制作302

16.3.4图片排版304

16.4兼容性测试306

16.5小结309

16.6习题310

第四篇 综合应用篇312

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

17.1页面布局和规划313

17.1.1界面设计分析313

17.1.2规划页面布局313

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

17.2.1 CSS结构设计314

17.2.2整体布局设计316

17.3页面头部布局设计319

17.3.1制作头部的结构代码319

17.3.2编写头部的CSS代码320

17.4日志部分的布局设计322

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

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

17.5边栏区域的布局设计326

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

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

17.6页面底部的布局设计329

17.6.1制作底部的结构代码330

17.6.2编写底部的CSS代码330

17.7小结331

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

18.1页面布局和规划332

18.1.1界面设计分析332

18.1.2规划页面布局334

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

18.2.1 CSS文件结构设计335

18.2.2首页布局设计335

18.3页面头部布局设计338

18.3.1制作头部的结构代码338

18.3.2编写头部的CSS样式338

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

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

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

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

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

18.5.2编写CSS样式347

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

18.7小结351