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

CSS网页设计标准教程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．3在HTML中使用CSS的方法19

2．3．1行内式20

2．3．2内嵌式20

2．3．3链接式21

2．3．4导入式22

2．4复合选择器24

2．4．1交集选择器24

2．4．2并集选择器25

2．4．3后代选择器27

2．5 CSS的继承特性29

2．5．1继承关系29

2．5．2 CSS继承的运用30

2．6 CSS的层叠特性32

小结34

习题34

第3章 CSS设计实践35

3．1手工方式编写页面35

3．1．1构建页面框架35

3．1．2设置标题36

3．1．3控制图片37

3．1．4设置正文38

3．1．5设置整体页面38

3．1．6对段落进行分别设置39

3．1．7完整代码40

3．1．8 CSS的注释41

3．2使用Dreamweaver进行CSS设置41

3．2．1创建页面41

3．2．2新建CSS规则42

3．2．3编辑CSS规则44

3．2．4为图像创建CSS规则45

小结47

习题47

第4章 CSS盒子模型48

4．1“盒子”与“模型”的概念探究48

4．2长度单位49

4．3边框50

4．3．1设置边框样式51

4．3．2属性值的简写形式52

4．3．3边框与背景54

4．4设置内边距55

4．5设置外边距56

4．6盒子之间的关系57

4．6．1 HTML与DOM57

4．6．2标准文档流60

4．6．3 <div>标记与<span>标记62

4．7盒子在标准流中的定位原则64

4．7．1行内元素之间的水平margin64

4．7．2块级元素之间的竖直margin65

4．7．3嵌套盒子之间的margin66

4．7．4 margin属性可以设置为负值68

4．8盒子模型概念的实例69

小结72

习题72

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

5．1盒子的浮动73

5．1．1制作基础页面73

5．1．2设置第1个浮动的div75

5．1．3设置第2个浮动的div75

5．1．4设置第3个浮动的div76

5．1．5改变浮动的方向76

5．1．6再次改变浮动的方向76

5．1．7全部向左浮动77

5．1．8使用clear属性清除浮动的影响78

5．1．9扩展盒子的高度79

5．2盒子的定位80

5．2．1静态定位80

5．2．2相对定位81

5．2．3绝对定位84

5．2．4固定定位89

5．3 z-index空间位置89

5．4盒子的display属性90

小结91

习题91

第2部分 CSS专题技术94

第6章 用CSS设置文本和图像94

6．1使用CSS设置文本样式94

6．1．1创建基础页面94

6．1．2设置文字的字体95

6．1．3设置文字的倾斜效果95

6．1．4设置文字的加粗效果96

6．1．5转换英文字母大小写97

6．1．6控制文字的大小98

6．1．7设置文字装饰效果99

6．1．8设置段落首行缩进100

6．1．9设置字词间距101

6．1．10设置段落内部的文字行高101

6．1．11设置段落之间的距离102

6．1．12控制文本的水平位置103

6．1．13设置文字与背景的颜色103

6．2用CSS设置图像样式104

6．2．1设置图片边框105

6．2．2图片缩放107

6．2．3图文混排108

6．2．4制作八大行星科普网页实例110

6．2．5设置图片与文字的对齐方式113

6．3用CSS设置背景样式117

6．3．1设置背景颜色117

6．3．2设置背景图像118

6．3．3设置背景图像平铺119

6．3．4设置背景图像位置121

6．3．5固定背景图片位置123

6．3．6设置标题的图像替换124

小结127

习题127

第7章 用CSS设置超链接与导航菜单128

7．1制作丰富的超链接特效129

7．2创建按钮式超链接131

7．3制作荧光灯效果的菜单132

7．3．1创建HTML框架133

7．3．2设置容器的CSS样式133

7．3．3设置菜单项的CSS样式134

7．4控制鼠标指针136

7．5设置项目列表样式136

7．5．1列表的符号137

7．5．2图片符号139

7．6创建基于列表的导航菜单140

7．6．1简单的竖直排列菜单140

7．6．2横竖自由转换菜单143

7．7应用滑动门技术的玻璃效果菜单143

7．7．1基本思路144

7．7．2设置菜单整体效果145

7．7．3使用“滑动门”技术设置玻璃材质背景146

7．7．4后续问题147

小结148

习题148

第8章 用CSS设置表格和表单样式149

8．1控制表格149

8．1．1设置表格的边框149

8．1．2确定表格的宽度152

8．1．3其他与表格相关的标记152

8．2美化表格153

8．2．1搭建HTML结构154

8．2．2整体设置155

8．2．3设置单元格样式155

8．2．4斑马纹效果156

8．3制作日历157

8．3．1搭建HTML结构158

8．3．2设置整体样式和表头样式159

8．3．3设置日历单元格样式160

8．4 CSS与表单163

8．4．1表单中的元素163

8．4．2多彩的下拉菜单166

8．5网民调查问卷实例167

小结169

习题169

第9章 圆角设计170

9．1圆角框的作用170

9．2固定宽度圆角框171

9．2．1两背景图像法171

9．2．2使用透明背景图174

9．3不固定宽度的圆角框175

9．3．1不固定宽度圆角框的含义175

9．3．2“4图像”单色不固定宽度圆角框176

9．4“5图像”二维滑动门经典圆角框178

9．4．1准备图像179

9．4．2搭建HTML结构180

9．4．3放置背景图像182

9．4．4设置样式并修复缺口183

9．4．5在整体页面中使用圆角框184

9．4．6实现网页换肤186

小结189

习题189

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

10．1搭建框架190

10．2阵列模式192

10．3单列模式196

10．4改进阵列模式198

10．5 IE6兼容201

小结203

习题203

第3部分 CSS页面布局206

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

11．1向报纸学习排版思想206

11．2 CSS排版观念208

11．2．1两列布局208

11．2．2三列布局209

11．2．3多列布局210

11．2．4布局结构的表达式与结构图211

11．3单列布局214

11．3．1放置第一个圆角框215

11．3．2设置圆角框的CSS样式215

11．3．3放置其他圆角框218

11．4 “1-2-1”固定宽度布局219

11．4．1创建基本代码219

11．4．2绝对定位法221

11．4．3浮动法222

11．5 “1-3-1”固定宽度布局225

11．6 “1-（（1-2）＋1）-1”固定宽度布局226

小结227

习题227

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

12．1 “1-2-1”变宽度网页布局228

12．1．1 “1-2-1”等比例变宽布局228

12．1．2 “1-2-1”单列变宽布局230

12．2 “1-3-1”宽度适应布局234

12．2．1 “1-3-1”三列宽度等比例布局234

12．2．2 “1-3-1”单侧列宽度固定的变宽布局234

12．2．3 “1-3-1”中间列宽度固定的变宽布局235

12．2．4进一步思考237

12．2．5 “1-3-1”双侧列宽度固定的变宽布局238

12．2．6 “1-3-1”中列和侧列宽度固定的变宽布局240

12．3变宽布局方法总结240

12．4分列布局背景色问题241

12．5 CSS布局与传统的表格方式布局的分析245

小结247

习题247

第4部分 综合案例250

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

13．1案例概述250

13．2内容分析251

13．3 HTML结构设计252

13．4原型设计255

13．5页面方案设计258

13．6布局设计258

13．6．1整体样式设计258

13．6．2页头部分259

13．6．3内容部分262

13．6．4页脚部分264

13．7细节设计265

13．7．1页头部分265

13．7．2内容部分270

13．7．3左侧的主要内容列270

13．7．4右边栏273

13．8 CSS布局的优点276

13．9交互效果设计277

13．9．1次导航栏277

13．9．2主导航栏278

13．9．3账号区278

13．9．4图像边框279

13．9．5产品分类280

13．10遵从Web标准的设计流程281

小结282

习题282

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

14．1分析构架283

14．1．1设计分析283

14．1．2排版构架284

14．2模块拆分285

14．2．1导航与Banner285

14．2．2左侧列表287

14．2．3内容部分290

14．2．4 footer脚注292

14．3整体调整292

小结293

习题293

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

15．1分析构架294

15．1．1设计分析294

15．1．2排版构架295

15．2模块拆分296

15．2．1 Banner图片与导航菜单296

15．2．2左侧分栏297

15．2．3中部主体299

15．2．4右侧分栏301

15．2．5脚注302

15．3最终效果303

小结304

习题304