HTML+CSS+JS+Jquery+练手项目+

---

一、HTML

=========================================================================

https://blog.youkuaiyun.com/weixin_44009656/article/details/124508524

一、HTML概述

• 1.HTTP基础

• 2.什么是HTML

• 3.HTML网页结构

• 4.HTML注释

二、HTML常用标签

• 1.HTML标签

• 2.HTML元素

• 3.HTML常见标签

• 4.容器标签

• 5.HTML列表

• 6.HTML样式

三、HTML 表格与 DIV 应用

• 1.创建表格

• 2.完善表格

• 3.div设置

四、HTML 表单

• 1.创建表单

• 2.插入表单对象

• 3.菜单和列表

• 4.文本域

五、HTML图像与框架

• 1.插入图像

• 2.使用框架（iframe）

六、HTML5简介

• 1.HTML5代码规范

• 2.HTML5 的改变

• 3.新特性和新规则

• 4.新增的结构元素

• 5.废除的元素

七、HTML5表单

• 1.HTML5表单元素

• 2.HTML5表单新增元素

• 3.HTML5输入类型

八、HTML5 Canvas API

• 1.Canvas 元素

• 2.绘制简单图形

• 3.直线绘制

• 4.矩形绘制

• 5.圆和扇形的绘制

• 6.填充和渐变

• 7.文字绘制

• 8.图片绘制

九、HTML5 视频音频与拖放

• 1.HTML5 视频介绍

• 2.HTML5 拖放

十、HTML5 Web Storage 和文件上传

• 1.Web Storage 概述

• 2.localStorage 方法

• 3.sessionStorage 方法

• 4.HTML5 文件上传概述

• 5.如何实现文件上传

• 6.文件读取

二、CSS

========================================================================

https://blog.youkuaiyun.com/weixin_44009656/article/details/124521278?spm=1001.2014.3001.5502

一、CSS介绍

• 1.CSS概述

• 2.CSS语法

• 3.CSS 注释

• 4.CSS 数值与单位

• 5.CSS样式类型

二、CSS基本样式

• 1.文字排版

• 2.样式化列表

• 3.样式化链接

• 4.Web字体

三、CSS 样式化区块

• 1.元素分类

• 2.区块模型

• 3.背景

• 4.图片

• 5.表格

• 6.轮廓

• 7.盒子阴影

• 8.圆角边框

• 9.练习

四.、CSS选择器

• 1.什么是选择器

• 2.标签选择器

• 3.类选择器

• 4.id 选择器

• 5.通配符选择器

• 6.标签指定式选择器

• 7.后代选择器

• 8.子代选择器

• 9.并集选择器

• 10.属性选择器

• 11.伪类选择器

• 12.CSS 层叠性和继承性

五、CSS 布局模型

• 1.布局模型概述

• 2.流动模型

• 3.浮动模型

• 4.清除浮动

• 5.层模型

六、CSS3介绍

• 1.什么是 CSS3

• 2.CSS3 的好处

• 3.浏览器引擎前缀

七、CSS3 元素属性升级

• 1.背景

• 2.边框

九.CSS3 文本

• 1.颜色之 RGBA

• 2.text-shadow

• 3.text-overflow

• 4.overflow-wrap & word-break

十.CSS3 动画和过渡

• 1.渐变

• 2.过渡

• 3.2D 、3D 转换

• 4.动画

十一.CSS3布局

• 1.Flex 布局

• 2.基本概念

• 3.flex-direction

• 4.flex-wrap

• 5.flex-flow

• 6.justify-content

• 7.align-items

• 8.align-content

• 9.flex

• 10.align-self

• 11.多媒体查询

• 12.用户界面

十二.CSS3 选择器

• 1.常用选择器

• 2.属性选择器

• 3.伪类选择器

三、JavaScript

===============================================================================

https://blog.youkuaiyun.com/weixin_44009656/article/details/124531237

一、JavaScript 基础

• 1.什么是 JavaScript

• 2.JavaScript 范例

• 3.变量

• 4.数字与运算符

• 5.数组概述

• 6.操作数组

• 7.Null 和 Undefined

• 8.字符串

• 9.转换成字符串

• 10.转换成数值类型

• 11.转换成布尔类型

二 、JavaScript 关键特性

• 1.条件

• 2.循环

• 3.函数（参数，函数返回值）

• 4.创建函数

• 5.练习：制作直角三角形

三、JSON

• 1.对象基础概念

• 2.JSON

• 3.常用内置对象介绍

• 4.创建对象和访问对象

四、Web API

• 1.API

• 2.BOM 简介

• 3.BOM 的顶级对象 window 以及常用操作方法

• 4.DOM 简介

• 5.DOM HTML

• 6.DOM CSS

• 7.DOM 节点

• 8.DOM 节点的操作

• 9.DOM 事件

• 10.练习：导航栏样式切换

五、值类型和引用类型以及异常

• 1.值类型和引用类型

• 2.值类型和引用类型的特征

• 3.调试工具的使用

• 4.异常处理

六、面向对象编程

• 1.面向对象编程举例