尚硅谷_前端基础合集（含HTML、CSS、HTML5、CSS3）

课程介绍

本套教程是尚硅谷李立超老师2019年录制，将前端学习的基础内容融汇为148节课，涵盖了HTML、CSS、HTML5和CSS3的核心技术点。通过对本教程的学习，可以帮助初学者快速上手，并完成大部分静态网页的开发。 教程的具体内容包括：基本的html标签、html5新标签、css的基本用法、盒子模型、浮动、定位、flexbox、css sprite、 iconfont、transform、transition、animation、media query、less、vs code、Photoshop等；还包含了移动端开发的基础知识，如视口、移动端的适配等（这些内容使我们可以在不应用任何js代码的情况下即完成移动端的适配）。除此之外，课程涵盖 大量的CSS技巧、动画、交互效果，对传统浮动和定位的布局方式，以及CSS3中的弹性盒和响应式布局都有深入讲解。

视频目录

001.尚硅谷_H5&C3基础_课程简介
002.尚硅谷_H5&C3基础_网页简史
003.尚硅谷_H5&C3基础_HTML简介
004.尚硅谷_H5&C3基础_编写你的第一个网页
005.尚硅谷_H5&C3基础_安装notepad++
006.尚硅谷_H5&C3基础_自结束标签和注释
007.尚硅谷_H5&C3基础_标签中的属性
008.尚硅谷_H5&C3基础_文档声明
009.尚硅谷_H5&C3基础_关于进制
010.尚硅谷_H5&C3基础_字符编码
011.尚硅谷_H5&C3基础_1文档的使用
012.尚硅谷_H5&C3基础_VSCode的安装
013.尚硅谷_H5&C3基础_配置liveServer
014.尚硅谷_H5&C3基础_实体
015.尚硅谷_H5&C3基础_meta标签
016.尚硅谷_H5&C3基础_语义化标签(1)
017.尚硅谷_H5&C3基础_块和行内
018.尚硅谷_H5&C3基础_语义化标签(2)
019.尚硅谷_H5&C3基础_列表
020.尚硅谷_H5&C3基础_超链接简介
021.尚硅谷_H5&C3基础_相对路径
022.尚硅谷_H5&C3基础_超链接的其他用法
023.尚硅谷_H5&C3基础_图片标签
024.尚硅谷_H5&C3基础_图片的格式
025.尚硅谷_H5&C3基础_内联框架
026.尚硅谷_H5&C3基础_音视频播放
027.尚硅谷_H5&C3基础_CSS简介
028.尚硅谷_H5&C3基础_CSS编写的位置
029.尚硅谷_H5&C3基础_CSS的基本语法
030.尚硅谷_H5&C3基础_常用选择器
031.尚硅谷_H5&C3基础_复合选择器
032.尚硅谷_H5&C3基础_关系选择器
033.尚硅谷_H5&C3基础_属性选择器
034.尚硅谷_H5&C3基础_伪类选择器
035.尚硅谷_H5&C3基础_超链接的伪类
036.尚硅谷_H5&C3基础_伪元素
037.尚硅谷_H5&C3基础_餐厅练习介绍
038.尚硅谷_H5&C3基础_继承
039.尚硅谷_H5&C3基础_选择器的权重
040.尚硅谷_H5&C3基础_像素和百分比
041.尚硅谷_H5&C3基础_em和rem
042.尚硅谷_H5&C3基础_RGB值
043.尚硅谷_H5&C3基础_HSL值
044.尚硅谷_H5&C3基础_文档流
045.尚硅谷_H5&C3基础_盒子模型
046.尚硅谷_H5&C3基础_盒子模型-边框
047.尚硅谷_H5&C3基础_盒子模型-内边距
048.尚硅谷_H5&C3基础_盒子模型-外边距
049.尚硅谷_H5&C3基础_盒子模型-水平方向的布局
050.尚硅谷_H5&C3基础_盒子模型-垂直方向的布局
051.尚硅谷_H5&C3基础_盒子模型-外边距的折叠
052.尚硅谷_H5&C3基础_行内元素的盒模型
053.尚硅谷_H5&C3基础_浏览器的默认样式
054.尚硅谷_H5&C3基础_布置练习
055.尚硅谷_H5&C3基础_京东图片列表
056.尚硅谷_H5&C3基础_京东左侧导航栏
057.尚硅谷_H5&C3基础_网易新闻列表
058.尚硅谷_H5&C3基础_盒子的大小
059.尚硅谷_H5&C3基础_轮廓阴影和圆角
060.尚硅谷_H5&C3基础_浮动的简介
061.尚硅谷_H5&C3基础_浮动的特点
062.尚硅谷_H5&C3基础_导航条练习
063.尚硅谷_H5&C3基础_简单的布局
064.尚硅谷_H5&C3基础_高度塌陷和BFC
065.尚硅谷_H5&C3基础_BFC的演示
066.尚硅谷_H5&C3基础_clear
067.尚硅谷_H5&C3基础_使用after伪类解决高度塌陷
068.尚硅谷_H5&C3基础_clearfix
069.尚硅谷_H5&C3基础_相对定位
070.尚硅谷_H5&C3基础_绝对定位
071.尚硅谷_H5&C3基础_固定定位
072.尚硅谷_H5&C3基础_粘滞定位
073.尚硅谷_H5&C3基础_绝对定位元素的位置
074.尚硅谷_H5&C3基础_元素的层级
075.尚硅谷_H5&C3基础_京东轮播图练习
076.尚硅谷_H5&C3基础_字体族
077.尚硅谷_H5&C3基础_图标字体简介
078.尚硅谷_H5&C3基础_图标字体的其他使用方式
079.尚硅谷_H5&C3基础_iconfont
080.尚硅谷_H5&C3基础_行高
081.尚硅谷_H5&C3基础_字体的简写属性
082.尚硅谷_H5&C3基础_文本的水平和垂直对齐
083.尚硅谷_H5&C3基础_其他的文本样式
084.尚硅谷_H5&C3基础_京东顶部导航条-结构
085.尚硅谷_H5&C3基础_京东顶部导航条-基本样式
086.尚硅谷_H5&C3基础_京东顶部导航条-下拉框
087.尚硅谷_H5&C3基础_PS的安装
088.尚硅谷_H5&C3基础_背景（一）
089.尚硅谷_H5&C3基础_背景（二）
090.尚硅谷_H5&C3基础_背景练习1
091.尚硅谷_H5&C3基础_背景练习2
092.尚硅谷_H5&C3基础_雪碧图
093.尚硅谷_H5&C3基础_线性渐变
094.尚硅谷_H5&C3基础_径向渐变
095.尚硅谷_H5&C3基础_电影卡片练习
096.尚硅谷_H5&C3基础_表格的简介
097.尚硅谷_H5&C3基础_长表格
098.尚硅谷_H5&C3基础_表格的样式
099.尚硅谷_H5&C3基础_表单简介
100.尚硅谷_H5&C3基础_表单补充
101.尚硅谷_H5&C3基础_项目搭建
102.尚硅谷_H5&C3基础_导航条结构的搭建
103.尚硅谷_H5&C3基础_导航条基本样式
104.尚硅谷_H5&C3基础_二维码下拉
105.尚硅谷_H5&C3基础_添加过渡效果
106.尚硅谷_H5&C3基础_头部logo
107.尚硅谷_H5&C3基础_头部导航条
108.尚硅谷_H5&C3基础_头部导航下拉层
109.尚硅谷_H5&C3基础_右侧的搜索框
110.尚硅谷_H5&C3基础_左侧的导航条
111.尚硅谷_H5&C3基础_完成banner
112.尚硅谷_H5&C3基础_右侧工具条
113.尚硅谷_H5&C3基础_中间的广告栏
114.尚硅谷_H5&C3基础_项目补充
115.尚硅谷_H5&C3基础_过渡
116.尚硅谷_H5&C3基础_米兔练习
117.尚硅谷_H5&C3基础_动画
118.尚硅谷_H5&C3基础_奔跑的少年
119.尚硅谷_H5&C3基础_关键帧
120.尚硅谷_H5&C3基础_变形平移
121.尚硅谷_H5&C3基础_z轴平移
122.尚硅谷_H5&C3基础_旋转
123.尚硅谷_H5&C3基础_鸭子表
124.尚硅谷_H5&C3基础_复仇者联盟
125.尚硅谷_H5&C3基础_缩放
126.尚硅谷_H5&C3基础_less简介
127.尚硅谷_H5&C3基础_less中的变量
128.尚硅谷_H5&C3基础_父元素和扩展
129.尚硅谷_H5&C3基础_混合函数
130.尚硅谷_H5&C3基础_less的补充
131.尚硅谷_H5&C3基础_弹性盒简介
132.尚硅谷_H5&C3基础_会弹的导航条
133.尚硅谷_H5&C3基础_弹性容器上的样式
134.尚硅谷_H5&C3基础_弹性元素上的样式
135.尚硅谷_H5&C3基础_淘宝导航
136.尚硅谷_H5&C3基础_聊聊像素
137.尚硅谷_H5&C3基础_手机像素
138.尚硅谷_H5&C3基础_完美视口
139.尚硅谷_H5&C3基础_vw单位
140.尚硅谷_H5&C3基础_vw适配
141.尚硅谷_H5&C3基础_移动端页面上部分
142.尚硅谷_H5&C3基础_完成移动端页面
143.尚硅谷_H5&C3基础_媒体查询简介
144.尚硅谷_H5&C3基础_媒体查询简介
145.尚硅谷_H5&C3基础_美图手机导航结构
146.尚硅谷_H5&C3基础_美图手机左侧图标
147.尚硅谷_H5&C3基础_美图手机左侧下拉菜单
148.尚硅谷_H5&C3基础_美图手机完成