1-1 浏览器介绍
  • 认识网页
  • 常见浏览器
  • 浏览器内核
  • web标准
1-2 HTML基本结构
  • HTML初识
  • HTML骨架
  • 我的第一个页面及其标签简介
  • 猪八戒版骨架记忆法
1-3 HTML常用标签
  • 什么是标签及其分类
  • 标签嵌套和并列关系
  • 简单小测验
  • 开发工具sublime
  • sublime生成html骨架
  • doctype文档类型
  • 字符集简介
  • 标签的语义化及其标题标签
  • 段落标签和水平线标签
  • 课堂案例-新闻页面
  • 换行和div span标签
  • 文本格式化标签
  • 标签属性
  • 图像标签
  • 链接标签
  • 锚点定位
  • base标签
  • 特殊字符
  • 注释标签
1-4 相对路径
  • 相对路径(一)
  • 相对路径(二)
1-5 列表
  • 无序列表的使用
  • 无序列表注意事项
  • 有序列表
  • 四大名著案例
  • 自定义列表
  • 第一天HTML总结
1-6 表单和表单控件
  • 表单的作用
  • 文本框和密码框
  • 单选按钮和复选按钮
  • 默认选中表单属性
  • input按钮组
  • 最多字符数和文本值
  • label标签
  • 文本域
  • 下拉菜单
  • 表单域
1-7 CSS介绍
  • CSS产生的原因
  • CSS网页的美容师
  • 体会CSS样式
  • CSS样式规则
1-8 font字体
  • 字体样式字号和字体
  • 字体字号常用技巧
  • unicode字体
  • CSS注释
  • 字体加粗
  • 字体倾斜
  • 字体综合设定
1-9 CSS基本选择器
  • 调试工具chrome使用
  • 标签选择器
  • 体会类选择器
  • CSS命名规范
  • 谷歌课堂案例
  • 多类名选择器
  • ID选择器
  • id选择器和类选择器的区别
  • 通配符选择器
  • 链接伪类选择器的使用
  • 链接伪类的简写方式
1-10 CSS外观样式及应用
  • CSS颜色
  • 行高对齐和首行缩进
  • 字间距和单词间距
  • 颜色半透明
  • 文字阴影初识
  • sublime快捷方式
1-11 CSS样式表
  • 内部样式表
  • 行内样式表
  • 外部样式表
  • 三种样式表总结
1-12 标签显示模式
  • 块级标签显示模式
  • 行内标签显示模式
  • 行内块元素
  • 显示模式转换
1-13 CSS复合选择器
  • 交集选择器
  • 并集选择器
  • 后代选择器
  • 子元素选择器
  • 课堂练习-测试选择器
  • CSS书写规范
1-14 CSS背景及应用
  • 背景颜色图片及其平铺
  • 背景位置(一)
  • 背景位置(二)
  • 背景附着(固定)
  • 背景简写
  • 背景半透明
  • 背景缩放(一)
  • 背景缩放(二)
  • 多背景图片
1-15 CSS三大特性
  • CSS层叠性
  • CSS继承性
  • CSS优先级
  • 权重叠加
  • 继承的权重为0
  • css权重6道精华题
  • 优先级总结
1-16 CSS盒模型及应用
  • 看透网页布局本质
  • 认识盒子模型组成
  • 盒子边框
  • 边框综合写法(一)
  • 边框综合写法(二)
  • 圆角矩形
  • 盒子内边距
  • 外边距以及盒子居中对齐
  • 文字盒子居中图片和背景区别
  • 清除内外边距
  • 行内元素上下内外边距的问题
  • 外边距合并(一)
  • 外边距合并(二)
  • 盒子的计算尺寸
  • padding不影响盒子大小的情况
  • 盒子模型布局稳定性
1-17 浮动及应用
  • 文档流介绍
  • 浮动是用来做文字环绕效果的
  • 体会浮动
  • 浮动就是漂浮的意思
  • 浮动首先需要添加标准流父级
  • 浮动特性对齐父盒子
  • 浮动特性盒子排列
  • 浮动影响盒子显示模式
  • 浮动总结
1-18 清除浮动
  • 清除浮动的本质
  • 额外标签法
  • 父级添加overflow方法
1-19 CSS四种定位及应用
  • 为什么学习定位
  • 定位属性
  • 静态定位(1)
  • 相对定位
  • 绝对定位脱标
  • 父级没有定位
  • 父级有定位
  • 何为子绝父相
  • 定位练习-哈根达斯
  • 绝对定位水平垂直居中
  • 固定定位
  • 叠加次序
  • 定位总结
  • 固定绝对定位模式转换