初级课程一
html
1、HTTP协议
2、html是纯文本
3、html骨架
4、DTD文档类型
5、head标签
6、body标签
7、html基本语法
8、h系列的标签
9、p标签
10、img标签
11、a标签
12、div和span含义
1、无序列表
2、有序列表
3、定义列表
6、表格基础
7、合并单元格
8、三个划分区域的语义标签
9、form标签
10、input标签
11、单行文本框
13、密码框
14、单选框
15、多选框
16、文本域
17、下拉菜单
18、按钮
二, css
(大家想学习的话可以进群前面是二九六中间是五九一后面是二九零)复制链接获取资料 链接:http://pan.baidu.com/s/1nuWCGKp 密码:28v9
1、html注释
2、废弃标签
3、实体字符
4、css的概念
5、css的作用
6、css的样式
7、css的书写位置
8、基础选择
9、高级选择器
10、css的继承性
11、css的层叠性
1、color属性
2、font-size属性
3、font-family属性
4、line-height属性
5、font-weight属性
6、font-style属性
7、text-indent属性
8、text-align属性
9、text-decoration属性
10、盒模型的初步认识
11、padding详解
12、margin详解
13、border详解
1、盒模型的拓展知识
2、清除默认样式
3、宽度剩余法
4、height高度设置法
5、margin特性之垂直方向上的塌陷
6、margin特性之不能用儿子去踹父亲
7、父子盒模型的特性
8、居中的几种设置方法
9、认识标准文档流
10、标准文档流的特性
11、块级元素和行内元素的特性
12、浮动的基础知识
1、浮动的作用
2、浮动的特性之浮动的元素脱离标准文档流
3、浮动的特性之浮动的元素没有margin塌陷
4、浮动的特性之浮动的元素依次贴边
5、浮动的特性之浮动的元素让出标准流的位置
6、浮动的特性之字围效果
7、浮动存在的问题
8、清除浮动的方法之给父盒子加高度
9、清除浮动的方法之加clear属性
10、清除浮动的方法之加隔墙法
11、清除浮动的方法之overflow法
1、a标签的伪类
2、a标签伪类的顺序不能颠倒
3、a标签伪类的应用实例之按钮实例
4、a标签伪类的应用实例之导航栏实例
5、background-color背景色的详解
6、background-image背景图的详解
7、background-repeat背景重复的详解
8、background-position背景定位的详解
9、精灵图的使用方法及案例
10、background-attachment背景固定的详解
11、背景的应用之文字换图片案例
12、背景的应用之padding设置背景图案例
1、position:relative的详解
2、position:relative的负值表示法
3、position:relative的应用之元素位置微调的实例
4、position:absolute的详解
5、position:absolute的特性之不针对祖先元素的定位参考点
6、position:absolute的特性之祖先元素有定位的参考点
7、position:absolute的特性之绝对定位的顶点
8、position:absolute的特性之利用绝对定位制作压盖效果
9、position:absolute的特性之绝对定位的元素设置水平居中
10、position:absolute的实例之滚动轮播图
11、position:fixed的详解
12、z-index属性的详解
13、html hack的详解
14、css值hack的详解
15、css选择器hack的详解
16、IE6的兼容性问题
项目实战
1、制作博客页面
2、分析页面的结构
3、搭建html结构代码
4、搭建css样式代码
三,html5
1、html5的简介
2、HTML5的新骨架和语义化标签
3、新的input控件
4、placeholder属性的详解
5、autofocus属性的详解
6、datalist标签的详解
7、video标签的详解
8、audio标签的详解
9、css3的简介
10、属性选择器的详解
11、儿子序选择器的详解
12、儿子类型序选择器的详解
13、节点关系选择器的详解
四,css3
1、伪类的应用
2、伪元素的应用
3、border-radius属性的详解
4、box-shadow属性的详解
5、text-shadow属性的详解
6、background-origin属性的详解
7、background-clip属性的详解
8、background-size属性的详解
9、渐变背景的详解
10、多背景的详解
1、过渡的基础知识
2、2D变形的详解
3、@keyframes规则的详解
4、animation属性的详解
5、animation属性制作动画的实例
6、box-sizing属性的详解
7、响应式布局的详解
8、百分比布局的详解
9、固比固模型的详解
10、媒体查询的详解
五, BootStrap
1、Bootstrap使用步骤
2、Bootstrap栅格系统的详解
3、Bootstrap栅格系统的实例
4、Bootstrap的排版之内联子标题
5、Bootstrap的排版之引导主体副本
6、Bootstrap的排版之对齐类
7、Bootstrap的排版之强调类
8、Bootstrap的表单使用及实例
9、Bootstrap的按钮,图片的使用及实例
10、Bootstrap的字体图标
11、Bootstrap的导航等工具的使用及实例
1、制作线上项目的页面
2、分析页面的结构
3、搭建html结构代码
4、搭建css样式代码
六, js基础
1、Javascript简介
2、Javascript的书写位置
3、alert语句
4、console.log()语句
5、数字字面量
6、字符串字面量
7、变量的声明
8、变量的赋值
9、变量声明的提升
10、数据类型的检测方法
11、数据类型的转换方法
1、数学运算符
2、Math对象的几种方法
3、比较运算符
4、逻辑运算符
5、赋值运算符
6、综合运算的顺序
7、if语句的详解
8、三元运算符的详解
9、switch语句的详解
1、for循环语句的详解
2、穷举思想的详解
3、累加器和累成器的实例
html
1、HTTP协议
2、html是纯文本
3、html骨架
4、DTD文档类型
5、head标签
6、body标签
7、html基本语法
8、h系列的标签
9、p标签
10、img标签
11、a标签
12、div和span含义
1、无序列表
2、有序列表
3、定义列表
6、表格基础
7、合并单元格
8、三个划分区域的语义标签
9、form标签
10、input标签
11、单行文本框
13、密码框
14、单选框
15、多选框
16、文本域
17、下拉菜单
18、按钮
二, css
(大家想学习的话可以进群前面是二九六中间是五九一后面是二九零)复制链接获取资料 链接:http://pan.baidu.com/s/1nuWCGKp 密码:28v9
1、html注释
2、废弃标签
3、实体字符
4、css的概念
5、css的作用
6、css的样式
7、css的书写位置
8、基础选择
9、高级选择器
10、css的继承性
11、css的层叠性
1、color属性
2、font-size属性
3、font-family属性
4、line-height属性
5、font-weight属性
6、font-style属性
7、text-indent属性
8、text-align属性
9、text-decoration属性
10、盒模型的初步认识
11、padding详解
12、margin详解
13、border详解
1、盒模型的拓展知识
2、清除默认样式
3、宽度剩余法
4、height高度设置法
5、margin特性之垂直方向上的塌陷
6、margin特性之不能用儿子去踹父亲
7、父子盒模型的特性
8、居中的几种设置方法
9、认识标准文档流
10、标准文档流的特性
11、块级元素和行内元素的特性
12、浮动的基础知识
1、浮动的作用
2、浮动的特性之浮动的元素脱离标准文档流
3、浮动的特性之浮动的元素没有margin塌陷
4、浮动的特性之浮动的元素依次贴边
5、浮动的特性之浮动的元素让出标准流的位置
6、浮动的特性之字围效果
7、浮动存在的问题
8、清除浮动的方法之给父盒子加高度
9、清除浮动的方法之加clear属性
10、清除浮动的方法之加隔墙法
11、清除浮动的方法之overflow法
1、a标签的伪类
2、a标签伪类的顺序不能颠倒
3、a标签伪类的应用实例之按钮实例
4、a标签伪类的应用实例之导航栏实例
5、background-color背景色的详解
6、background-image背景图的详解
7、background-repeat背景重复的详解
8、background-position背景定位的详解
9、精灵图的使用方法及案例
10、background-attachment背景固定的详解
11、背景的应用之文字换图片案例
12、背景的应用之padding设置背景图案例
1、position:relative的详解
2、position:relative的负值表示法
3、position:relative的应用之元素位置微调的实例
4、position:absolute的详解
5、position:absolute的特性之不针对祖先元素的定位参考点
6、position:absolute的特性之祖先元素有定位的参考点
7、position:absolute的特性之绝对定位的顶点
8、position:absolute的特性之利用绝对定位制作压盖效果
9、position:absolute的特性之绝对定位的元素设置水平居中
10、position:absolute的实例之滚动轮播图
11、position:fixed的详解
12、z-index属性的详解
13、html hack的详解
14、css值hack的详解
15、css选择器hack的详解
16、IE6的兼容性问题
项目实战
1、制作博客页面
2、分析页面的结构
3、搭建html结构代码
4、搭建css样式代码
三,html5
1、html5的简介
2、HTML5的新骨架和语义化标签
3、新的input控件
4、placeholder属性的详解
5、autofocus属性的详解
6、datalist标签的详解
7、video标签的详解
8、audio标签的详解
9、css3的简介
10、属性选择器的详解
11、儿子序选择器的详解
12、儿子类型序选择器的详解
13、节点关系选择器的详解
四,css3
1、伪类的应用
2、伪元素的应用
3、border-radius属性的详解
4、box-shadow属性的详解
5、text-shadow属性的详解
6、background-origin属性的详解
7、background-clip属性的详解
8、background-size属性的详解
9、渐变背景的详解
10、多背景的详解
1、过渡的基础知识
2、2D变形的详解
3、@keyframes规则的详解
4、animation属性的详解
5、animation属性制作动画的实例
6、box-sizing属性的详解
7、响应式布局的详解
8、百分比布局的详解
9、固比固模型的详解
10、媒体查询的详解
五, BootStrap
1、Bootstrap使用步骤
2、Bootstrap栅格系统的详解
3、Bootstrap栅格系统的实例
4、Bootstrap的排版之内联子标题
5、Bootstrap的排版之引导主体副本
6、Bootstrap的排版之对齐类
7、Bootstrap的排版之强调类
8、Bootstrap的表单使用及实例
9、Bootstrap的按钮,图片的使用及实例
10、Bootstrap的字体图标
11、Bootstrap的导航等工具的使用及实例
1、制作线上项目的页面
2、分析页面的结构
3、搭建html结构代码
4、搭建css样式代码
六, js基础
1、Javascript简介
2、Javascript的书写位置
3、alert语句
4、console.log()语句
5、数字字面量
6、字符串字面量
7、变量的声明
8、变量的赋值
9、变量声明的提升
10、数据类型的检测方法
11、数据类型的转换方法
1、数学运算符
2、Math对象的几种方法
3、比较运算符
4、逻辑运算符
5、赋值运算符
6、综合运算的顺序
7、if语句的详解
8、三元运算符的详解
9、switch语句的详解
1、for循环语句的详解
2、穷举思想的详解
3、累加器和累成器的实例
