HTML+CSS

translate相关属性及案例、scale相关属性及案例、skew相关属性及案例、rotate相关属性及案例

背景相关基础属性与CSS3新增背景属性：background-size background-origin background-clip及精灵图技术等

CSS渐变：线性渐变（linear-gradient）与径向渐变（radial-gradient）基础用法与案例；边框样式：border-radius、box-shadow、border-image

text-shadow 文本阴影基本用法及案例（火焰字效果）；text-overflow 文本溢出基本用法与单行&多行文本省略效果；word-wrap 和 word-break ；@font-face

video元素相关属性（autoplay、controls、loop、preload等）与DOM方法（play、pause等）及案例；audio元素相关属性及DOM方法

文件操作相关属性:multiple、accept；美化文件上传元素案例；File对象相关介绍；FileReader对象相关介绍；在线预览图片、拖拽图片读取、预览案例；Blob对象相关介绍

HTML5元素拖放相关事件：ondragstart、ondrag、ondragend、ondragenter、ondragover、ondragleave、ondrop及元素拖放案例

output、datalist、address、time、progress、meter、fieldset与legend与属性：hidden、draggable、contentedit、data-*

验证型：email、tel、url；取值型：range、number、color、date、time、month、week

BFC介绍、BFC创建方法、BFC特点、BFC作用（避免外边距叠加、清除浮动、避免文字环绕、创建自适应两列布局）等

定位的相关介绍以及基本使用、静态定位、相对定位、绝对定位、固定定位的特点、相关案例、元素的层级关系等

伪元素及使用方式、浮动相关介绍、浮动特点、常见浮动案例、清除浮动方法（父元素设置高、额外标签、单伪元素标签法、双伪元素标签法）

不同显示模式的特点、元素显示模式的转换、CSS三大特性（继承性及常见场景、层叠性、优先级及选择器权重计算方式和注意事项）

盒子模型的构成部分：content、border、padding、margin；外边距合并、塌陷现场与解决方法；CSS3盒模型box-sizing等

字体样式（font-size、font-family、font-weight、font-style、font）；文本样式（text-indent使用场景、text-align水平居中）等

CSS引入方式、CSS基础选择器、CSS选择器进阶（复合选择器、并集选择器、交集选择器、伪类选择器）等

列表标签（无序、有序、自定义列表）、表格标签（相关属性、合并单元格等）、表单标签（input系列、select、textarea、label以及input标签按钮与button按钮区别）、语义化标签等

内容大致包括：一、HTML基础认知：五大浏览器、HTML骨架（DTD、html、head、body）二、标签：排版标签、文本格式化标签、媒体标签、链接标签