课程目录
- 1_课程简介
- 2_网页简史
- 3_HTML简介
- 4_编写你的第一个网页
- 5_安装notepad++
- 6_自结束标签和注释
- 7_标签中的属性
- 8_文档声明
- 9_关于进制
- 10_字符编码
- 11_文档的使用
- 12_VSCode的安装
- 13_配置liveServer
- 14_实体
- 15_meta标签
- 16_语义化标签(1)
- 17_块和行内
- 18_语义化标签(2)
- 19_列表
- 20_超链接简介
- 21_相对路径
- 22_超链接的其他用法
- 23_图片标签
- 24_图片的格式
- 25_内联框架
- 26_音视频播放
- 27_CSS简介
- 28_CSS编写的位置
- 29_CSS的基本语法
- 30_常用选择器
- 31_复合选择器
- 32_关系选择器
- 33_属性选择器
- 34_伪类选择器
- 35_超链接的伪类
- 36_伪元素
- 37_餐厅练习介绍
- 38_继承
- 39_选择器的权重
- 40_像素和百分比
- 41_em和rem
- 42_RGB值
- 43_HSL值
- 44_文档流
- 45_盒子模型
- 46_盒子模型-边框
- 47_盒子模型-内边距
- 48_盒子模型-外边距
- 49_盒子模型-水平方向的布局
- 50_盒子模型-垂直方向的布局
- 51_盒子模型-外边距的折叠
- 52_行内元素的盒模型
- 53_浏览器的默认样式
- 54_布置练习
- 55_京东图片列表
- 56_京东左侧导航栏
- 57_网易新闻列表
- 58_盒子的大小
- 59_轮廓阴影和圆角
- 60_浮动的简介
- 61_浮动的特点
- 62_导航条练习
- 63_简单的布局
- 64_高度塌陷和BFC
- 65_BFC的演示
- 66_clear
- 67_使用after伪类解决高度塌陷
- 68_clearfix
- 69_相对定位
- 70_绝对定位
- 71_固定定位
- 72_粘滞定位
- 73_绝对定位元素的位置
- 74_元素的层级
- 75_京东轮播图练习
- 76_字体族
- 77_图标字体简介
- 78_图标字体的其他使用方式
- 79_iconfont
- 80_行高
- 81_字体的简写属性
- 82_文本的水平和垂直对齐
- 83_其他的文本样式
- 84_京东顶部导航条-结构
- 85_京东顶部导航条-基本样式
- 86_京东顶部导航条-下拉框
- 87_PS的安装
- 88_背景（一）
- 89_背景（二）
- 90_背景练习1
- 91_背景练习2
- 92_雪碧图
- 93_线性渐变
- 94_径向渐变
- 95_电影卡片练习
- 96_表格的简介
- 97_长表格
- 98_表格的样式
- 99_表单简介
- 100_表单补充
- 101_项目搭建
- 102_导航条结构的搭建
- 103_导航条基本样式
- 104_二维码下拉
- 105_添加过渡效果
- 106_头部logo
- 107_头部导航条
- 108_头部导航下拉层
- 109_右侧的搜索框
- 110_左侧的导航条
- 111_完成banner
- 112_右侧工具条
- 113_中间的广告栏
- 114_项目补充
- 115_过渡
- 116_米兔练习
- 117_动画
- 118_奔跑的少年
- 119_关键帧
- 120_变形平移
- 121_z轴平移
- 122_旋转
- 123_鸭子表
- 124_复仇者联盟
- 125_缩放
- 126_less简介
- 127_less中的变量
- 128_父元素和扩展
- 129_混合函数
- 130_less的补充
- 131_弹性盒简介
- 132_会弹的导航条
- 133_弹性容器上的样式
- 134_弹性元素上的样式
- 135_淘宝导航
- 136_聊聊像素
- 137_手机像素
- 138_完美视口
- 139_vw单位
- 140_vw适配
- 141_移动端页面上部分
- 142_完成移动端页面
- 143_媒体查询简介
- 144_媒体查询简介
- 145_美图手机导航结构
- 146_美图手机左侧图标
- 147_美图手机左侧下拉菜单
- 148_美图手机完成
课程介绍
HTML5起初就是个不凡的想法,2013年以来，众多“前端先驱者”通过践行证明了它的可用性 。尽管如此，它看起来还是像一个神秘的东西。所以，在学习前先带大家充分了解这门前沿的技术。
Hello！各位前端伴侣们，不知道大家有没有感觉到，HTML5/CSS3的诞生将会带来一个网页标准的新革命，随着HTML5/CSS的逐渐流行和成熟，它普及的时代的确离我们越来越近，如果到了HTML5/CSS3普及互联网时代的革命风暴来临了，如果你不会HTML5/CSS3，还只是停留在只会JS和CSS2.0或者略懂一点HTML5/CSS3技术的伴侣，将可能会被这次革命淘汰！还好，我们现在还有准备迎战的时间，那么现在大家必然要有所觉悟，不要比及哪天的到来后，再后悔就晚了，我们现在要做好迎战前的训练——HTML5+CSS3的学习。
