本套视频适合零基础并且对前端知识感兴趣的同学。内容涵盖HTML基础、标签、CSS选择器、盒子模型、浮动、定位、图片整合、PS切图等页面相关常用技术。通过对该视频的学习，可以熟练掌握PC端的固定布局。

　　第一天

　　01.课程简介

　　02.网页的简介

　　03.html简介

　　04.扩展名的问题

　　05.HTML注释

　　06.zeal文档阅读器

　　07.手动导入文档

　　08.元素的属性

　　09.brackets的安装

　　10.安装插件

　　11.emmet插件

　　12.文档声明和meta标签

　　13.乱码的问题

　　14.常用标签和实体

　　第二天

　　01.复习

　　02.安装离线插件

　　03.meta标签

　　04.h5新增的语义化标签

　　05.语义化标签

　　06.图片标签

　　07.图片的路径

　　08.路径的补充

　　09.图片的格式

　　10.内联框架

　　11.音频标签

　　12.视频标签

　　13.超链接

　　第三天

　　01.复习

　　02.列表

　　03.列表的补充

　　04.CSS简介

　　05.CSS样式表

　　06.brackets的快速编辑

　　07.css基本语法

　　08.常用的选择器

　　09.交集选择器

　　11.父子兄弟选择器

　　12.伪类简介

　　13.伪类选择器

　　14.a的伪类

　　第四天

　　01.复习

　　02.属性选择器

　　03.伪元素

　　04.样式的继承

　　05.选择器的权重

　　06.像素

　　07.颜色

　　08.颜色

　　09.盒子模型-边框

　　10.边框

　　11.盒子模型-内边距

　　12.盒子模型-外边距

　　13.水平方向的布局

　　第五天

　　01.复习

　　02.盒模型

　　03.垂直方向的布局

　　04.溢出内容的处理

　　05.外边距的折叠

　　06.文档流

　　07.display

　　09.visibility和二级菜单

　　10.浏览器的默认样式

　　11.嵌套关系

　　12.练习1

　　13.练习2

　　第六天

　　01.练习的问题

　　02.复习

　　03.圆角

　　04.轮廓和阴影

　　05.浮动简介

　　06.浮动的特点

　　07.导航条练习

　　08.导航条的练习

　　09.简单的布局

　　10.BFC解决高度塌陷

　　11.高度塌陷问题的最终方案

　　第七天

　　01.复习

　　02.相对定位

　　03.元素的层级

　　04.绝对定位

　　05.绝对定位元素的对齐

　　06.固定定位

　　07.粘滞定位

　　08.完成轮播图的基本布局

　　09.字体族

　　10.图标字体的介绍

　　第八天

　　01.复习

　　02.图标字体

　　03.通过伪类使用图标字体

　　04.阿里的图标库

　　05.字体相关的内容

　　06.字体的其他样式

　　07.京东导航条

　　09.完成下拉菜单

　　10.下拉菜单一些文档

　　11.下拉菜单补充

　　12.文本样式

　　13.文本样式

　　第九天

　　01.复习

　　02.ps安装

　　03.ps的基本使用

　　04.背景(1)

　　05.练习

　　06.背景(2)

　　07.雪碧图

　　08.雪碧图的制作

　　09.表格的简介

　　10.表格的样式

　　11.表单的简介

　　12.ps的切图

　　第十天

　　01.复习

　　02.安装webstorm

　　03.webstorm的基本使用

　　04.表格练习

　　05.表单结构

　　06.表单练习

　　07.单选按钮

　　08.其余表单项

　　09.表单项的补充

　　第十一天

　　01.表单补充

　　02.项目搭建

　　03.顶部工具条

　　04.二维码下拉

　　05.下拉的结构和动画

　　06.购物车的下拉

　　07.头部的logo

　　08.行内块的问题

　　09.初步完成主导航条

　　10.购物车的问题

　　11.左侧导航条

　　第十二天

　　01.顶部的下拉层

　　02.右侧搜索框

　　03.搜索框bug

　　04.问题补充

　　05.banner1

　　06.banner2

　　07.右侧菜单

　　08.完成下边的服务栏

　　第十三天

　　01.压缩项目代码

　　02.其他的压缩代码的方式

　　03.过渡

　　04.练习

　　05动画

　　06.时间函数

　　07.动画属性

　　08.关键帧

　　09.变形

　　10.练习

　　11.练习bug修改

　　12.立方体动画

　　第十四天

　　01.复习

　　01.复习.avi

　　02.其他的动画效果

　　03.问题

　　第十五天

　　01.问题补充

　　02.左侧固定中间自适应

　　03.双飞翼和圣杯

　　04.线性渐变

　　05.径向渐变

　　06.命令行的简介

　　07.path环境变量介绍

　　08.安装nodejs

　　09.配置NPM和less

　　10.less简介

　　11.less和webstorm整合

　　第十六天

　　01.less的基本使用

　　02.安装less文档

　　03.less中的变量

　　04.mixins

　　05.mixins的参数

　　06.其他语法

　　07.弹性盒简介

　　08.弹性元素的对齐

　　09.浮动版导航条

　　10.弹性元素的属性

　　11.taobao导航条

　　12.视口

　　第十七天

　　01.复习

　　02.视口

　　03.vw适配

　　04.移动端页面头部

　　05.banner

　　06.项目问题

　　07.课程列表头部

　　08.完成课程列表

　　09.调试程序

　　第十八天

　　01.安装模拟器

　　02.安装模拟器2

　　03.媒体查询简介

　　04.媒体查询

　　05.美图手机头部结构

　　06.完成移动端导航条样式

　　07.完成响应式导航条