web前端必威体育精装版学习路线整理大全.docx

Web前端学习路线学习群：296591290初级课程一， html1、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（大家想学习的话可以进群前面是二九六中间是五九一后面是二九零）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样式代码三，html51、html5的简介2、HTML5的新骨架和语义化标签3、新的input控件4、placeholder属性的详解5、autofocus属性的详解6、datalist标签的详解7、video标签的详解8、audio标签的详解9、css3的简介10、属性选择器的详解11、儿子序选择器的详解12、儿子类型序选择器的详解13、节点关系选择器的详解四，css31、伪类的应用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、固比固模型的详