HTML+CSS网页设计与布局实用教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS网页设计与布局实用教程PDF格式电子书版下载

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

第1章 网页设计基础知识1

1.1 认识网页1

1.1.1 网页分类1

1.1.2 常见网站类型1

1.1.3 HTML、CSS、JavaScript2

1.2 网页中的基本概念3

1.3 网页制作工具4

1.3.1 记事本4

1.3.2 Dreamweaver5

1.4 网站制作基本流程7

第2章 HTML基础9

2.1 HTML简介9

2.1.1 创建第一个HTML文件9

2.1.2 HTML文件结构10

2.2 网页文件的获取11

2.2.1 直接查看源文件11

2.2.2 保存网页13

2.3 HTML基本标记14

2.3.1 标题标记14

2.3.2 字体标记15

2.3.3 标记的属性15

2.3.4 换行标记和空格标记18

2.3.5 综合实例——诗两首19

2.4 HTML文本与图像标记21

2.4.1 源文件中的文本内容与浏览器解析的内容21

2.4.2 段落标记＜p＞23

2.4.3 文字修饰标记24

2.4.4 网页中的特殊字符25

2.4.5 列表标记26

2.4.6 图像标记28

2.5 HTML表格标记33

2.5.1 表格基本结构（＜table＞）33

2.5.2 合并单元格34

2.5.3 表格的常用属性37

2.6 HTML表单标记42

2.6.1 表单简介42

2.6.2 表单控件43

2.6.3 文本输入框44

2.6.4 单选按钮44

2.6.5 复选按钮45

2.6.6 密码输入框46

2.6.7 按钮48

2.6.8 多行文本框49

2.6.9 列表框50

第3章 CSS概述53

3.1 CSS介绍53

3.1.1 CSS简介53

3.1.2 HTML的不足53

3.1.3 CSS的引入55

3.1.4 CSS的编辑55

3.2 CSS的基本语法57

3.3 CSS选择器57

3.3.1 标记选择器58

3.3.2 id选择器59

3.3.3 类别选择器60

3.3.4 后代选择器61

3.3.5 分组选择器62

3.3.6 伪类63

3.3.7 选择器的优先级65

3.4 在HTML中使用CSS的方法66

3.4.1 行内样式66

3.4.2 内嵌式CSS样式67

3.4.3 链接式CSS样式68

3.4.4 应用样式的优先级69

3.5 综合实例——古诗排版70

第4章 使用CSS设置文本样式73

4.1 长度单位和颜色定义73

4.1.1 长度单位73

4.1.2 颜色值74

4.2 字体属性74

4.2.1 字体属性（font-family）74

4.2.2 字号属性（font-size）75

4.2.3 字体样式属性（font-style）77

4.2.4 字体加粗属性（font-weight）80

4.2.5 英文字母大小写转换属性（font-variant）83

4.2.6 字体颜色属性（color）84

4.3 段落属性85

4.3.1 单词间隔属性（word-spacing）85

4.3.2 字符间隔属性（1etter-spacing）86

4.3.3 文字修饰属性（text-decoration）87

4.3.4 垂直对齐属性（vertical-align）89

4.3.5 文本转换属性（text-transform）92

4.3.6 水平对齐属性（text-align）94

4.3.7 文本缩进属性（text-indent）96

4.3.8 文本行高属性（1ine-height）97

4.4 综合实例——公司联系方式99

第5章 用CSS设置图片效果101

5.1 设置图片边框101

5.1.1 边框宽度（border-width）的设置102

5.1.2 边框颜色（border-color）的设置105

5.1.3 边框样式（border-style）的设置107

5.1.4 边框属性（border）的设置109

5.2 图文混排111

5.2.1 文字环绕111

5.2.2 设置图片与文字的间距112

5.3 设置图片与文字的对齐方式115

5.3.1 横向对齐方式115

5.3.2 纵向对齐方式116

5.4 综合实例——诺贝尔奖118

5.4.1 HTML结构设计118

5.4.2 CSS样式设置121

第6章 用CSS设置网页背景124

6.1 设置颜色124

6.2 设置背景颜色125

6.3 设置背景图像127

6.4 设置背景图像平铺128

6.5 设置背景图像显示位置131

6.6 设置背景图像位置固定133

6.7 综合实例——CSS设置背景的综合应用135

6.7.1 HTML结构设计135

6.7.2 CSS样式设置136

第7章 用CSS美化表格和表单139

7.1 用CSS美化表格139

7.2 用CSS美化表单143

7.2.1 表单内字体样式（font）的美化应用143

7.2.2 背景颜色和图像样式的应用147

7.3 综合实例——用CSS美化表格和表单152

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

8.1 用CSS美化文字超链接157

8.2 使用CSS美化图片超链接158

8.3 用CSS设置列表导航161

8.3.1 HTML中的列表161

8.3.2 列表的CSS属性162

8.3.3 创建导航菜单165

8.4 综合实例——网页中的二级导航168

第9章 DIV+CSS布局基础178

9.1 什么叫DIV+CSS178

9.1.1 初识DIV178

9.1.2 DIV与SPAN的区别179

9.2 盒子模型180

9.2.1 什么是盒子模型180

9.2.2 边框（border）181

9.2.3 内边距（padding）182

9.2.4 外边距（margin）184

9.3 页面元素的定位和布局187

9.3.1 块级元素与行内元素187

9.3.2 position定位189

9.3.3 float定位193

9.4 CSS页面基本布局196

9.4.1 固定宽度布局196

9.4.2 自适应宽度布局204

9.5 综合实例——旅游网站210

9.5.1 版面结构设计210

9.5.2 HTML结构设计210

9.5.3 各板块内容制作213

第10章 DIV+CSS布局实战216

10.1 综合实例——公司网站216

10.1.1 网页布局设计216

10.1.2 HTML结构设计217

10.1.3 各板块内容制作218

10.2 综合实例——小型购物网站224

10.2.1 网页布局设计225

10.2.2 HTML结构设计226

10.2.3 各板块内容制作229

主要参考书目237