CSS网页设计标准教程 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

CSS网页设计标准教程 第2版PDF格式电子书版下载

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

第1部分 CSS核心原理2

第1章 （X）HTML与CSS概述2

1.1 网页的基础概念2

1.2 Web标准3

1.2.1 标准的重要性3

1.2.2 “Web标准”概述4

1.3 HTML与XHTML5

1.3.1 追根溯源5

1.3.2 文档类型的含义与选择6

1.3.3 XHTML与HTML的重要区别7

1.4 （X）HTML与CSS8

1.4.1 CSS标准8

1.4.2 传统HTML的缺点9

1.4.3 CSS的引入10

1.4.4 如何编辑CSS11

1.4.5 浏览器与CSS12

小结13

习题13

第2章 CSS选择器与相关特性14

2.1 构造CSS规则14

2.2 基本CSS选择器15

2.2.1 标记选择器15

2.2.2 类别选择器16

2.2.3 ID选择器18

2.2.4 属性选择器19

2.2.5 结构伪类选择器21

2.2.6 UI伪类选择器23

2.3 在HTML中使用CSS的方法26

2.3.1 行内式26

2.3.2 内嵌式27

2.3.3 链接式27

2.3.4 导入式28

2.4 复合选择器30

2.4.1 交集选择器30

2.4.2 并集选择器31

2.4.3 后代选择器32

2.5 CSS的继承特性34

2.5.1 继承关系34

2.5.2 CSS继承的运用36

2.6 CSS的层叠特性37

小结39

习题39

第3章 CSS设计实践40

3.1 手工方式编写页面40

3.1.1 构建页面框架40

3.1.2 设置标题41

3.1.3 控制图片42

3.1.4 设置正文43

3.1.5 设置整体页面43

3.1.6 对段落进行分别设置43

3.1.7 完整代码44

3.1.8 CSS的注释45

3.2 使用Dreamweaver进行CSS设置45

3.2.1 创建页面45

3.2.2 新建CSS规则46

3.2.3 编辑CSS规则49

3.2.4 为图像创建CSS规则50

小结52

习题52

第4章 CSS盒子模型53

4.1 “盒子”与“模型”的概念探究53

4.2 长度单位54

4.3 边框55

4.3.1 设置边框样式56

4.3.2 属性值的简写形式57

4.3.3 边框与背景59

4.4 设置内边距60

4.5 设置外边距61

4.6 盒子之间的关系62

4.6.1 HTML与DOM62

4.6.2 标准文档流65

4.6.3 〈div〉标记与〈span〉标记67

4.7 盒子在标准流中的定位原则68

4.7.1 行内元素之间的水平margin68

4.7.2 块级元素之间的竖直margin69

4.7.3 嵌套盒子之间的margin70

4.7.4 margin属性可以设置为负值72

4.8 盒子模型概念的实例73

小结76

习题77

第5章 盒子的浮动与定位78

5.1 盒子的浮动78

5.1.1 制作基础页面78

5.1.2 设置第1个浮动的div79

5.1.3 设置第2个浮动的div80

5.1.4 设置第3个浮动的div80

5.1.5 改变浮动的方向80

5.1.6 再次改变浮动的方向81

5.1.7 全部向左浮动81

5.1.8 使用clear属性清除浮动的影响82

5.1.9 扩展盒子的高度83

5.2 盒子的定位84

5.2.1 静态定位84

5.2.2 相对定位85

5.2.3 绝对定位88

5.2.4 固定定位92

5.3 z-index空间位置93

5.4 盒子的display属性94

小结95

习题95

第2部分 CSS专题技术98

第6章 用CSS设置文本98

6.1 使用CSS设置文本样式98

6.1.1 创建基础页面98

6.1.2 设置文字的字体99

6.1.3 设置文字的倾斜效果100

6.1.4 设置文字的加粗效果101

6.1.5 转换英文字母大小写101

6.1.6 控制文字的大小102

6.1.7 设置文字装饰效果103

6.1.8 设置段落首行缩进103

6.1.9 设置字词间距104

6.1.10 设置段落内部的文字行高105

6.1.11 设置段落之间的距离106

6.1.12 控制文本的水平位置107

6.1.13 设置文字与背景的颜色107

6.1.14 文字阴影效果108

6.2 用CSS设置多列布局111

6.2.1 创建基础页面111

6.2.2 设置多列布局112

6.2.3 设置列宽度113

6.2.4 设置列数114

6.2.5 设置列间距114

6.2.6 设置列边框样式115

6.2.7 设置跨列显示116

6.2.8 设置列高度117

小结118

习题118

第7章 用CSS设置图像和圆角119

7.1 用CSS设置图像样式119

7.1.1 设置图片边框119

7.1.2 设置多色边框121

7.1.3 设置边框背景123

7.1.4 设置各种边框效果124

7.1.5 图片缩放127

7.1.6 图文混排128

7.1.7 制作八大行星科普网页实例130

7.1.8 设置图片与文字的对齐方式133

7.2 用CSS设置背景样式137

7.2.1 设置背景颜色137

7.2.2 设置背景图像138

7.2.3 设置背景图像平铺139

7.2.4 设置多重背景图像141

7.2.5 设置背景图像位置142

7.2.6 固定背景图片位置145

7.2.7 设置背景图像坐标原点145

7.2.8 设置背景图像的大小147

7.2.9 设置标题的图像替换148

7.3 设置圆角效果151

7.3.1 圆角属性151

7.3.2 圆角实例151

小结159

习题159

第8章 用CSS设置超链接与导航菜单160

8.1 制作丰富的超链接特效161

8.2 创建按钮式超链接163

8.3 制作荧光灯效果的菜单164

8.3.1 创建HTML框架164

8.3.2 设置容器的CSS样式165

8.3.3 设置菜单项的CSS样式165

8.4 控制鼠标指针167

8.5 设置项目列表样式168

8.5.1 列表的符号168

8.5.2 图片符号170

8.6 创建基于列表的导航菜单171

8.6.1 简单的竖直排列菜单171

8.6.2 横竖自由转换菜单173

8.7 应用滑动门技术的玻璃效果菜单174

8.7.1 基本思路174

8.7.2 设置菜单整体效果175

8.7.3 使用“滑动门”技术设置玻璃材质背景176

小结177

习题177

第9章 用CSS设置表格和表单样式178

9.1 控制表格178

9.1.1 设置表格的边框178

9.1.2 确定表格的宽度180

9.1.3 其他与表格相关的标记181

9.2 美化表格182

9.2.1 搭建HTML结构182

9.2.2 整体设置183

9.2.3 设置单元格样式183

9.2.4 斑马纹效果184

9.3 制作日历184

9.3.1 搭建HTML结构185

9.3.2 设置整体样式和表头样式187

9.3.3 设置日历单元格样式188

9.4 CSS与表单189

9.4.1 表单中的元素190

9.4.2 多彩的下拉菜单192

9.5 网民调查问卷实例193

小结196

习题196

第10章 网页样式综合案例——灵活的电子相册197

10.1 搭建框架197

10.2 阵列模式199

10.3 单列模式203

10.4 改进阵列模式205

小结209

习题209

第3部分 CSS页面布局212

第11章 固定宽度布局剖析与制作212

11.1 向报纸学习排版思想212

11.2 CSS排版观念214

11.2.1 两列布局214

11.2.2 三列布局215

11.2.3 多列布局216

11.2.4 布局结构的表达式与结构图217

11.3 单列布局220

11.3.1 放置第一个圆角框221

11.3.2 设置圆角框的CSS样式221

11.3.3 放置其他圆角框223

11.4 “1-2-1”固定宽度布局224

11.4.1 创建基本代码225

11.4.2 绝对定位法226

11.4.3 浮动法228

11.5 “1-3-1”固定宽度布局230

11.6 “1-（（1-2）+1）-1”固定宽度布局231

小结232

习题233

第12章 变宽度网页布局剖析与制作234

12.1 “1-2-1”变宽度网页布局234

12.1.1 “1-2-1”等比例变宽布局234

12.1.2 “1-2-1”单列变宽布局236

12.2 “1-3-1”宽度适应布局240

12.2.1 “1-3-1”三列宽度等比例布局240

12.2.2 “1-3-1”单侧列宽度固定的变宽布局240

12.2.3 “1-3-1”中间列宽度固定的变宽布局241

12.2.4 进一步思考243

12.2.5 “1-3-1”双侧列宽度固定的变宽布局244

12.2.6 “1-3-1”中列和侧列宽度固定的变宽布局246

12.3 变宽布局方法总结246

12.4 分列布局背景色问题247

12.5 CSS布局与传统的表格方式布局的分析251

小结253

习题253

第4部分 综合案例256

第13章 综合案例——儿童用品网上商店256

13.1 案例概述256

13.2 内容分析257

13.3 HTML结构设计258

13.4 原型设计261

13.5 页面方案设计263

13.6 布局设计264

13.6.1 整体样式设计264

13.6.2 页头部分265

13.6.3 内容部分267

13.6.4 页脚部分269

13.7 细节设计270

13.7.1 页头部分270

13.7.2 内容部分275

13.7.3 左侧的主要内容列275

13.7.4 右边栏278

13.8 CSS布局的优点281

13.9 交互效果设计282

13.9.1 次导航栏282

13.9.2 主导航栏283

13.9.3 账号区283

13.9.4 图像边框284

13.9.5 产品分类285

13.10 遵从Web标准的设计流程286

小结287

习题287

第14章 综合案例——博客网站288

14.1 分析构架288

14.1.1 设计分析288

14.1.2 排版构架289

14.2 模块拆分290

14.2.1 导航与Banner290

14.2.2 左侧列表292

14.2.3 内容部分295

14.2.4 脚注部分296

14.3 整体调整297

小结298

习题298

第15章 综合案例——旅游门户网站299

15.1 分析构架299

15.1.1 设计分析299

15.1.2 排版构架300

15.2 模块拆分301

15.2.1 Banner图片与导航菜单301

15.2.2 左侧分栏302

15.2.3 中部主体304

15.2.4 右侧分栏306

15.2.5 脚注307

15.3 最终效果308

小结309

习题309