1、前端简单了解

1、前端开发是什么？为什么？干什么？怎么干？

2、工具

      ps、编辑器、浏览器、编辑器的各种插件、浏览器的各种插件等；

      前端开发神器：sublime；常用插件：emmet、side bar等;

      下载地址：https://www.sublimetext.com/3

      插件安装：https://packagecontrol.io/installation#st3

      简书链接（如何优雅地使用Sublime Text3）：http://www.jianshu.com/p/3cb5c6f2421c/

3、Emmet使用手册（前端开发必备！）

      一个能大幅度提高前端开发效率的工具。

      http://www.w3cplus.com/tools/emmet-cheat-sheet.html

      语法：

            后代：>   eg.  nav>ul>li;

            兄弟：+   eg.  div+p+bq;

            上级：^    eg.  div+div>p>span+em^bq;

            分组：()   eg.  div>(header>ul>li*2>a)+footer>p;

            乘法：*    eg.  ul>li*5;

            自增符号：$  eg.  ul>li.item$*5;  ul>li.item$@-*5;  ul>li.item$@3*5;

            ID和类属性:  #header、.title  eg.  form#search.wide;

            自定义属性:  p[title="Hello world"];

            文本：{}  eg.  p>{Click }+a{here}+{ to continue};

            HTML: !或 html:5;

           a:link; a:mail;

4、语言

     前端开发的核心语言：

     html           － 超文本标记语言  结构

     css            － 层叠样式表          样式

     javascript  － 脚本语言             行为