自用笔记：本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why
你目前拥有的，都将随着你的死亡而成为他人的。那为何不现在就布施给真正需要的人呢？

基础部分

初识HTML+CSS

浏览器语言：HTML、CSS、JS、开发工具、第一个HTML页面(含详解)、CSS基础样式、基本标签、A、img、什么是css？、css基本语法、选择器(部分)、width、height、border、background、margin、padding、基础样式、文字操作、颜色写法、HTML书写规范

样式重置与选择符

如何初始化(重置)样式、选择符、选择符优先级、ID和Class区别、细节标签

块和内嵌、浮动

块和内嵌特点、块和内嵌转换、标签嵌套规范、浮动详解、浮动的各种bug、如何清除浮动

定位

相对定位、相对定位特点、绝对定位、绝对定位特点、固定定位、透明度、透明度问题、透明度的使用、透明度复杂案例

滑动门

滑动门详解、优缺点分析、实战应用

表格、表单

表格详解、应用、表单、表单样式、表单兼容性、表单应用、丰富的表单制作

Css Sprite

Css Sprit详解 (精灵/雪碧 -。- No No 不是可口可乐那个)、拼图的技巧、对滑动门的拼图、Sprite样式写法、优缺点分析

CSS 样式中的兼容性

调试兼容性的方法、兼容性汇总、overflow问题、Css Hack、条件注释语句

其他

样式文件命名、Web中的图片格式、隐藏元素、iframe、打印样式、SEO、CSS优化、无障碍阅读、favicon、EDM、404、鼠标选择

面试题

内部测试题(至少50道)、面试题、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中、兴趣题解答(大家感兴趣的布局或面试题)
高级部分 - 2015-04-15更新

高级部分

CSS3基础

新增的标签(nav、header、figure、article、section、audio、video等)、input新的可用type、新的“可用”选择器、属性选择器、伪类选择器、伪元素、box-shadow、border-radius、text-shadow、text-transform、calc()、background新的用法、CSS3 遮罩、线性渐变、渐变 – 圆形（径向）、渐变应用、Box-sizing、Box-sizing的问题、弹性布局、弹性布局对齐方式、弹性布局应用、box-reflect、-webkit-filter、@font-face
当然，这不是全部，也不是一节课讲完的，这个几个PPT里面的东西，我写到一起了而已，-。-喵喵，我太懒了

transform、transition、animation

translate、scale、rotate、skew、transform-origin、transform-style、perspective、transition(各种详细参数)、animation(各种详细参数)、各种实战项目、手机动画专题页面制作

响应式和移动页面

viewport、IOS设备专用meta、媒体查询(Media Query)、媒体类型、响应式布局技巧及注意事项、移动端布局注意事项、移动页面制作技巧及如何适应不同分辨率，真实工作案例分享

Less

Less是什么？、编译工具、浏览器中调用、Less中的注释、变量、参数、@arguments 变量、!important关键字、模式匹配、Guard表达式、嵌套规则、运算、函数、插值、导入、zless库的应用、作用域、避免编译、命名空间

Sass

安装环境、编译工具、注释、变量、变量范围、嵌套、混合(mixin) 、继承、运算、函数、循环、SassCore库、其他

栅格化

如何使用栅格化、栅格化对web的作用、栅格化在工作的实际应用。

BootStrap

课程中会讲bootstrap核心思路，及如何封装简单的bootstrap库。

组件化

组件化课程包含如何使用Less或Sass或原生CSS封装自己的组件。以及封装组件的注意事项，思想等。