web前端开发学习笔记

网页布局

HTML：基础元素

1. HTML 介绍
2. HTML 标签
3. 标签嵌套
4. 入门案例
5. 注释
6. HTML 文档结构
7. 编码方式
8. 语义化标签
9. VScode 开发工具及其必备插件
10. 标题标签
11. 段落标签
12. 换行标签
13. 水平线标签

HTML：列表_表格

1. 图片标签
2. 绝对路径和相对路径
3. 超链接标签
4. 行内元素与块元素
5. 元素之间的关系_长度单位
6. 文本格式化标签
7. 无序列表
8. 有序列表
9. 定义列表
10. 表格标签
11. 表格结构标签
12. 表格的属性
13. 单元格的合并

HTML：表单

1. 实体字符
2. 表单介绍
3. get 与 post 的区别
4. 表单项
5. label 标签
6. button 标签
7. 表单项属性
8. 网页布局介绍

CSS：H5新增元素_引入css

1. H5 新增布局标签
2. H5 视频和音频标签
3. CSS 概念及语法
4. 行内样式
5. 内部样式
6. 外部样式
7. 三种引入方式优先级
8. link 标签的其它作用
9. 全局选择器
10. 元素选择器(标签选择器)
11. 类选择器
12. id 选择器
13. 并集选择器
14. 选择器的优先级

CSS：选择器_基础属性

1. 关系选择器
2. 子元素选择器
3. 后代元素选择器
4. 相邻兄弟选择器
5. 通用兄弟选择器
6. 交集选择器
7. 设置字体的颜色使用 color 属性
8. 设置字体的大小使用 font-size
9. font-weight 属性可以设置字体的粗细
10. font-style 可以设置字体样式
11. font-famaily 可以设置元素的字体
12. text-align 属性可以设置元素中内容的水平对齐方式
13. text-decoration：文本装饰，可以给文本内容设置下划线、上划线、删除线等等
14. 设置背景属性

CSS：伪类选择器_盒子模型

1. text-transform属性
2. text-indent属性
3. 单位-em
4. 列表属性:list-style-type,list-style-image,list-style-position
5. overflow 属性
6. 盒子模型介绍
7. 内容区(content)
8. 边框(border)
9. 边框的简写(掌握)
10. font-style 可以设置字体样式
11. font-famaily 可以设置元素的字体
12. text-align 属性可以设置元素中内容的水平对齐方式
13. text-decoration：文本装饰，可以给文本内容设置下划线、上划线、删除线等等
14. 设置背景属性

案例：魅族_浮动

CSS：元素定位

案例：阴阳师_雪碧图

CSS：CSS3新特性

CSS：CSS3新特性

CSS：弹性盒模型

阶段项目：小米商城

阶段总复习

阶段考试