WEB该怎么学？

我该从何开始说爱你？

闻君赴沙场，轻嘱引流觞

一提起前端，相信刚入门的大家一般都会有这种感觉 “简单！我见过！不就是一堆HTML标签砸上去！待老夫先去跟HTML大战300回合”，说罢，跑去学习HTML了，在这里我建议大家千万不要去学HTML！对！我用了这么多特效标注这句话就是想要强调这个事情，因为大家都是有编程基础的，至少都知道html文档是由标签组成的，那么剩下的我们只要学习这些标签就行了，然后我们辛辛苦苦学习了一遍之后，你会发现你能写出这样的网页了：

很挫败！有没有！这就是我建议大家先去学习css的原因，因为写css是基于html标签的基础上的，理论上css可以满足你对一个静态网页所有的幻想，学了css之后的网页会变成这样!

对，你绝对想不到这个和上面的那个哈哈哈竟然是用了相同的控件！对！这就是我建议先学css的第二个原因，因为css是给html标签加特效的，所以我们学习css的过程中可以顺便学习html的标签，这样，其一你可以直观的感受到什么html标签能写出什么样的样式，其二可以增加你的学习热情，其三可以给你充足的幻想。打个比方，你是怎么喜欢上一个妹纸的？肯定是第一眼看上去很漂亮或者很有气质（你可以说我肤浅，但我肤色真的很深=.=），有了很好的第一印象你才会想深入的接触她，想要了解她的过往，想要拥抱她的未来。咳咳！这就是我说的，只有喜欢了才会钻研才会创新。

欲闻明月意，花落醉清肠

上一部分讲述了学习web前端，本人建议先学习css，那么我们想学会css，需要怎么做呢？

学习选择器

我们知道css是给网页加特效的，那么网页这么多标签要给谁加特效呢？这里要提到两个知识点Id和class选择器、组合选择符、属性选择器，这里重点学习前两个，第一个是我们给html标签附上id和class（虽然有时能实现同样的效果，但是注意他俩的主要区别：id是唯一的，class可以用于很多地方，就好比你在一个教室里喊：“喂！XXX”或者喊“喂，那个穿校服的”效果肯定不一样是吧~另外，id附加特效是先找到你，再给你加特效，而class是先搞出特效，再去找你们；第二个是我找到了你，我还想找你的家属或朋友的时候用到的，当你开始学习动态维护DOM树的时候，他会变得很有用！

学习语言特征

这里的语言特征指的是你想驾驭一门语言，就要找到他和那你之前见过语言不一样的地方！比如css里面inline和block这种特性（如何控制控件并排放还是竖着放）、hover如何跟用户进行交互的、hide和none的区别（同为隐藏，前者看不见了但还占用页面空间），js里面的作用域、数据类型，java里面的万物皆对象，JVM机制等等。

看大神们的代码

让我印象最深的就是如何在html里面画一个三角形？因为css是不能直接画三角的，但是你想想一下一个只有边框没有内容的文本，你给他去掉三个边，那么剩下一个边是不是就是一个梯形？再把这个梯形的宽缩小，上面的边变成一个点的时候是不是就是一个三角形？这就是css里面的奇技淫巧，类似的造作还有很多，大家一起去发现呀！

自己动手写一个小网页

这里给大家留一个作业吧~

1)实现一个导航栏，当鼠标移到上面的时候其下方会出现对应的菜单。

2) 附加题 实现一个手风琴，详情请看：http://www.cnblogs.com/lhb25/p/best-practices-accordions-in-web-design.html

后记

首先推荐一个网站http://www.runoob.com/css/css-tutorial.html 大家进去就会发现你想要的那里都有，所以感觉（这个人就是在吹牛X有木有！）我写的对自己的学习没有帮助的话，大可直接去看这个网站中对web方面的教程。另外本专栏最长一周一更，前期会讲一些入门的东西，后期会将大家引入公司实战或者搞一些有趣的项目，比如做一个全是特效的网页啊，研究像闭包、原型、适配的一些技术啊等等~希望我们玩的开心（基本每篇文章的小标题都是本人临时创作的诗词，看不懂或者不喜欢的就假装他是分割线吧哈哈哈哈）