HTML

• vs快捷键
• title 增加SEO优化
• 标题标签 h1~h6
• • 标题标签位置摆放
• 段落p、换行br、水平线hr
• • 水平线设置
• 图片
• 相对路径
• 超链接
• • 超链接属性
• 文本标签
• 有序列表
• • type 属性
  • 有序列表嵌套有序列表
• 无序列表
• • type属性
  • 无序列表嵌套
• 表格
• • 表格属性
  • 单元格合并属性
• 表单
• • 表单元素
  • value 替换文本
  • 文本框
  • 密码框
  • 提交按钮
• 内联元素和块级元素
• HTML5新增标签
• • html5新增标签
• CSS
• • 内联样式（行内样式）
  • 内部样式
  • 外部样式
• 选择器
• • 全局选择器 *
  • 元素选择器
  • 类选择器
  • class属性的特点
  • id选择器
  • 合并选择器
• 选择器的优先级
• 字体属性
• • font-weight字体粗细
  • font-style字体样式
  • font-family 指定元素的字体
• 背景属性
• • background-image属性
  • background-repeat平铺方式
  • background-size 背景大小属性
  • background-position 属性背景图片起始位置
• 文本属性
• • text-align 文本水平对齐方式
  • text-decoration 文本修饰，下划线，删除线等等
  • text-transform 控制文本的大小写
  • text-indent 首行文本缩进
• 表格属性
• • 边框 border
  • 折叠边框 border-collapse
  • 表格宽度和高度
  • 表格文字对齐
  • 表格填充
  • 表格颜色
• 选择器
• • 关系选择器
  • 后代选择器 空格
  • 子代选择器 >
  • 相邻兄弟选择器 +
  • 通用兄弟选择器 ~
• 盒子模型
• 弹性盒子模型 flex box
• • flex-direction 弹性子元素在父容器中的位置
  • justify-content 内容对齐横向（上下）
  • align-items纵轴（左右）
• 子元素上的属性
• flex或者flex-grow
• 脱离文档流
• • 浮动 float
  • 浮动副作用
  • 清楚浮动 overflow
• 定位 position
• • z-index 设置堆叠顺序
• border-radius 圆角
• 阴影 box-shadow