【免费】H5笔记1_h5笔记资源-CSDN文库

html

javascript

需积分: 0 62 浏览量 2022-08-08 21:14:07 上传评论收藏 2.43MB DOCX 举报

资源详情

资源评论

资源推荐

HTML5+CSS3 笔记

班级：

183110701

学号：

18311070114

姓名：

蔺明超

第一章 HTML5+CSS3 网页设计概述................................................................................................................1

1.1 网页概述...................................................................................................................................................................1

1.1.1 认识网页 .....................................................................................................................................................1

1.1.2 网页名词解释 .........................................................................................................................................1

1.1.3 Web 标准 .....................................................................................................................................................2

1.2 网页制作技术入门...........................................................................................................................................2

1.2.1 HTML................................................................................................................................................................2

1.2.2 CSS.....................................................................................................................................................................2

1.2.3 JavaScript .....................................................................................................................................................2

1.2.4 浏览器............................................................................................................................................................3

1.2.5 什么是浏览器内核...............................................................................................................................3

第二章初识 HTML5.......................................................................................................................................................4

2.1 HTML5 的优势 ......................................................................................................................................................4

2.2 HTML5 全新的结构..........................................................................................................................................4

2.3 标签概述...................................................................................................................................................................4

2.3.1 标签的分类 ...............................................................................................................................................4

2.3.2 标签的关系 ...............................................................................................................................................5

2.3.3 标签的属性 ...............................................................................................................................................5

2.3.4 HTML5 文档头部相关标签 ..........................................................................................................5

2.4 文本控制标签.......................................................................................................................................................5

2.4.1 页面格式化标签................................................................................................................................5

2.4.2 文本样式标签 ......................................................................................................................................6

2.4.3 文本格式化标签................................................................................................................................6

2.4.4 文本语义标签 ......................................................................................................................................7

2.5 图像标签................................................................................................................................................................8

2.5.1 图像标签<img /> ............................................................................................................................8

2.5.3 相对路径和绝对路径.......................................................................................................................8

第三章初识 CSS3..........................................................................................................................................................10

3.1 结构与表现分离 ..............................................................................................................................................10

3.2 CSS 的优势.............................................................................................................................................................10

3.3 CSS 核心基础.......................................................................................................................................................10

3.3.1 CSS 样式规则.........................................................................................................................................10

3.3.2 引入 CSS 样式表................................................................................................................................11

3.3.3 CSS 基础选择器...................................................................................................................................11

3.4 设置文本样式.....................................................................................................................................................12

3.4.1 CSS 字体样式属性.............................................................................................................................12

3.4.2 CSS 文本外观属性.............................................................................................................................13

3.5 高级特性.................................................................................................................................................................14

3.5.1 CSS 复合选择器...................................................................................................................................14

3.5.2 CSS 层叠性和继承性.......................................................................................................................15

第四章 CSS4 选择器....................................................................................................................................................15

4.1 属性选择器...........................................................................................................................................................15

4.1.1 E[att^=value] 属性选择器 ................................................................................................15

4.1.2 E[att$=value]属性选择器 ....................................................................................................15

4.1.3 E[att*=value]属性选择器.....................................................................................................16

4.2 关系选择器...........................................................................................................................................................16

4.2.1 子元素选择器.......................................................................................................................................16

4.2.2 相邻兄弟选择器（+、~） ......................................................................................................16

4.3 结构化伪类选择器 ........................................................................................................................................16

4.3.1 :root 选择器.............................................................................................................................................17

4.3.2 :not 选择器...............................................................................................................................................17

4.3.3 :only-child 选择器 .............................................................................................................................17

4.3.4 :first-child 和:last-child 选择器..............................................................................................17

4.3.5 :nth-child(n)和:nth-last-child(n)选择器........................................................................17

4.3.6 :nth-of-type(n)和:nth-last-of-type(n)选择器 .........................................................17

4.3.7 :empty 选择器.......................................................................................................................................18

4.4 伪元素选择器.....................................................................................................................................................18

第五章盒子模型 ............................................................................................................................................................18

5.1 盒子模型相关属性 ........................................................................................................................................18

5.1.1 边框属性...................................................................................................................................................18

5.1.2 内边距属性.............................................................................................................................................20

5.1.3 外边距属性.............................................................................................................................................21

5.1.4 背景属性...................................................................................................................................................21

5.1.5 盒子的宽与高.......................................................................................................................................23

5.2 盒子模型新增属性 .....................................................................................................................................23

5.2.1 颜色透明度.............................................................................................................................................23

5.2.2 圆角...............................................................................................................................................................23

5.2.3 图片边框.....................................................................................................................................................24

5.2.4 阴影...............................................................................................................................................................24

5.2.5 渐变...............................................................................................................................................................25

5.2.6 多背景图像.............................................................................................................................................26

5.2.7 修剪背景图像.......................................................................................................................................27

5.3 元素的类型和转换 ........................................................................................................................................28

5.3.1 元素的类型.............................................................................................................................................28

5.3.2 <div>和<span>标签......................................................................................................................28

5.3.3 元素类型的转换.................................................................................................................................29

5.4 块元素垂直外边距的合并......................................................................................................................29

5.4.1 相邻块元素垂直外边距的合并 ............................................................................................29

第六章列表与超链接................................................................................................................................................29

6.1 列表标签..............................................................................................................................................................29

6.2 CSS 控制列表样式 ..........................................................................................................................................32

6.3 超链接标签........................................................................................................................................................34

6.4 链接伪类控制超链接 ...............................................................................................................................35

第七章表格与表单......................................................................................................................................................36

7.1 表格.............................................................................................................................................................................36

7.1.1 创建表格...................................................................................................................................................36

7.1.2 <table>标签的属性 .........................................................................................................................36