网页布局与实现 DIV+CSSPDF|Epub|txt|kindle电子书版本网盘下载

网页布局与实现 DIV+CSSPDF格式电子书版下载

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

模块1 网页布局设计体验1

1.1 CSS网页1

1.1.1 什么是CSS1

1.1.2 Web标准1

1.1.3 网页结构与表现分离实例2

1.2 编写CSS布局的XHTML3

1.2.1 一个简单的XHTML页面实例4

1.2.2 XHTML编写的规范4

1.2.3 CSS网页的编辑6

1.2.4 CSS的使用注释7

1.2.5 制作一个简单的CSS实例7

1.3 CSS控制的页面8

1.3.1 CSS的引入8

1.3.2 行内样式8

1.3.3 内嵌式调用CSS样式的实例8

1.3.4 链接外部CSS样式的实例9

1.3.5 导入外部样式10

拓展实践10

习题11

模块2 CSS的实战基础13

2.1 CSS的基本语法13

2.1.1 CSS语法的格式13

2.1.2 CSS的取值单位14

2.2 基本CSS选择符15

2.2.1 标签选择符15

2.2.2 类选择符16

2.2.3 ID选择符17

2.3 灵活使用CSS选择符19

2.3.1 分组选择符及实例19

2.3.2 通配选择符20

2.3.3 包含选择符及实例20

2.3.4 选择符嵌套及实例21

2.3.5 标签指定选择符22

2.3.6 伪类选择符22

2.4 CSS继承应用的实例23

2.5 CSS样式和选择符优先级24

2.5.1 CSS样式的优先级原则24

2.5.2 CSS样式的优先级24

2.5.3 CSS选择符的优先级实例25

拓展实践26

习题27

模块3 DIV布局与CSS定位30

3.1 盒子模型30

3.1.1 盒子模型的概念30

3.1.2 padding、margin、border设置实例31

3.1.3 盒子模型尺寸的计算35

3.1.4 盒子外边距合并实例36

3.1.5 块级元素与行内元素38

3.2 页面定位技术39

3.2.1 CSS定位机制39

3.2.2 浮动定位问题39

3.2.3 清除浮动42

3.3 CSS定位属性45

3.3.1 相对定位45

3.3.2 绝对定位47

3.3.3 固定定位47

3.4 CSS布局技术48

3.4.1 CSS布局理念48

3.4.2 一列固定宽度居中49

3.4.3 一列自适应宽度居中50

3.4.4 二列固定宽度居中50

3.4.5 二列自适应宽度居中51

3.4.6 CSS高度自适应52

3.4.7 溢出内容overflow属性54

3.5 三列布局实例——唐诗《黄鹤楼》画卷54

拓展实践56

习题57

模块4 文字段落与列表的应用60

4.1 CSS文字样式60

4.1.1 字体60

4.1.2 文字大小62

4.1.3 颜色63

4.1.4 样式64

4.2 文本对齐64

4.2.1 CSS的文本属性64

4.2.2 文本添加修饰实例64

4.2.3 文本居中排列实例65

4.2.4 制作Google公司Logo实例66

4.2.5 首字下沉图文混排实例66

4.3 CSS列表样式68

4.3.1 列表的类型68

4.3.2 CSS的列表属性69

4.3.3 List图文混排70

4.3.4 竖排唐诗文字71

拓展实践72

习题73

模块5 背景与图片的应用76

5.1 页面的背景图76

5.1.1 背景颜色与背景图片76

5.1.2 前景图与背景图76

5.2 图片样式77

5.2.1 CSS图片边框77

5.2.2 图片对齐方式80

5.2.3 图文混排效果81

5.3 背景图片的应用实例82

5.3.1 背景渐变效果实例83

5.3.2 导航按钮实例84

5.3.3 横格信纸实例85

5.4 CSS样式圆角布局研究86

5.4.1 以四角小图实现圆角效果实例87

5.4.2 以画线方式实现圆角效果实例88

5.4.3 多图片组合布局圆角效果实例90

5.5 背景图片的CSS Sprite技术91

拓展实践93

习题94

模块6 表格与表单的样式应用96

6.1 表格控制96

6.1.1 表格标记96

6.1.2 表格隔行变色实例100

6.1.3 鼠标经过时变色的表格实例102

6.2 表单控制103

6.2.1 表单标记104

6.2.2 登录框表单的应用实例107

6.2.3 网民调查问卷实例109

拓展实践111

习题113

模块7 超链接与导航栏的样式应116

7.1 超链接CSS样式116

7.1.1 定义超链接CSS样式116

7.1.2 浮雕式超链接的效果118

7.2 超链接制作导航栏120

7.2.1 CSS样式实现垂直导航栏121

7.2.2 利用背景图片制作立体导航菜单122

7.2.3 制作带下拉子菜单的导航菜单124

拓展实践127

习题127

模块8 CSS控制其他元素的显示130

8.1 CSS静态滤镜130

8.1.1 透明度滤镜131

8.1.2 模糊滤镜132

8.1.3 透明色滤镜133

8.1.4 投射阴影滤镜134

8.1.5 对称变换滤镜135

8.1.6 光晕滤镜136

8.1.7 灰度滤镜137

8.1.8 反色滤镜138

8.1.9 遮罩滤镜139

8.1.10 阴影滤镜140

8.1.11 X射线滤镜141

8.1.12 波浪滤镜141

8.1.13 一个使用颜色渐变滤镜的实例142

8.2 控制滚动条的显示143

8.2.1 滚动条样式的属性144

8.2.2 控制滚动条样式的实例144

8.3 CSS布局中的兼容问题145

8.3.1 兼容问题的由来145

8.3.2 兼容问题的解决146

8.3.3 一个关于浏览器显示差异的实例147

拓展实践149

习题150

模块9 CSS 3.0的新技术与应用152

9.1 CSS 3.0简介152

9.1.1 CSS 3.0技术的发展152

9.1.2 CSS 3.0中的新特性152

9.2 进入CSS 3.0样式新世界153

9.2.1 用CSS 3.0实现圆角效果实例153

9.2.2 CSS 3.0边框、阴影实例154

9.2.3 CSS 3.0文本描边及阴影效果实例155

9.2.4 CSS 3.0表格美化效果实例156

9.2.5 CSS 3.0按钮动画过渡效果实例157

9.2.6 CSS 3.0多列布局排版实例158

拓展实践159

习题161

模块10 制作个人博客页面162

10.1 构架设计制作162

10.1.1 功能需求分析与界面设计162

10.1.2 页面结构的规划162

10.1.3 切割网页的效果164

10.1.4 页面主体框架内容166

10.2 制作页面内容167

10.2.1 制作页面头部Banner的内容与导航167

10.2.2 制作页面导航左侧列表169

10.2.3 制作页面主体内容部分173

10.2.4 制作页面底部内容178

10.3 页面细节整体调整179

10.4 页面的浏览与兼容测试180

拓展实践182

习题183

模块11 企业网站制作184

11.1 企业网站构架184

11.1.1 功能需求分析与界面设计184

11.1.2 页面结构的规划185

11.1.3 切割网页效果图185

11.1.4 页面主体框架内容187

11.2 制作页面内容187

11.2.1 制作Banner内容与导航187

11.2.2 制作页面左侧列表189

11.2.3 制作页面主体内容191

11.2.4 制作页面图片展示192

11.2.5 制作页面底部内容193

11.3 页面细节整体调整194

11.4 页面的浏览与兼容测试194

拓展实践195

习题196

附录 CSS常用属性197

参考文献203