心之壁跟着李南江学习HTML5-项目总结

不知不觉跟着江哥学习HTML5快一个月了，回顾这段时间，每天的都过的很充实，每天都能学到新知识。从刚开始的小白，到慢慢的入门，再到现在基本上能熟练的将学到的知识学以致用，做出符合要求的网页，还是很有成就感的，基础班学习快结束了，是时候总结好好总结下这段时间的学习

接触过C++、python、LUA清一色的第一个程序Hello World，江哥教我们写的第一个事例程序是“郑伊健”，哈哈哈，真是清醒脱俗，一点都不像网上那些妖艳贱货，接着通过那个案例给我们引出"HTML的标签是给内容添加相关语义的而不是改变内容样式的"从那开始添加语义这个概念就已扎根内心。

后面学习HTML5各种标签时，印象特别深的一个例子，江哥告诉我们以前的网页都是用表格

写的，印象中以前的网页确实是方方正正的，重点来了！！！我记得江哥打开了一个网页，http://2006.sina.com啥的，展示的效果竟然真的是以前那种老式的表格网页，当时就觉得好神奇，以前的老版网页竟然还有存在的。

在学习多媒体标签时，,我有点分心，因为江哥展示的案例是个搞笑视频，每次都放不完，强迫症表示好难受，好在意后面的内容……后来讲到video相应属性时，很有代入感，每种属性都能想到对应的网页广告，或者网页上看的视频、广告，自己在脑海中反推出对应设置的属性。

F12这个键懂得人，肯定知道这个键是用来做什么，我以前装逼的时候，就喜欢点击查看网页源代码，或者F12，假装自己能看懂，现在跟着江哥学了HTML5后，我现在终于能看懂了，不在像以前没学习前那样装逼了，说起F12，还有个小故事，由于经常装逼（查看网页源代码），我一看界面的一长串，一条连着一条的代码，表示好害怕，卧槽。。。这么长，那还不得写死，错一个还不得找半天，后来江哥介绍WebStorm这个软件，以前的烦恼游刃而解，而且喜欢上长长的代码，看着五颜六色、排布整齐的代码，一种自豪感油然而生。

学完HTML5基础知识后，就开始CSS的学习了，其中重要的知识点有选择器、浮动、定位、盒模型，还有开始制作一个网页的基本流程等，结合自身以选择器为例，选择器这一块，标签选择器、id选择器、类选择器、后代选择器、子元素选择器、交集选择器、并集选择器、兄弟选择器、序选择器，虽然知道怎么用，也在课后作业中使用过，练习过，但却没有融会贯通，直到江哥演示了一次制作网页后，其中一个小技巧让我豁然开朗，网页导航条一般都是

做的，以前为了导航条中某个内容改变字体颜色，做到选中效果，可能会繁琐的加个类名class，但江哥的做法是first-of-type或者nth-of-type()，怎么说呢，眼前瞬间一亮，一下子感觉所有选择器的突然融会贯通了，犹如打通任督二脉。

好了，总结到此，学习中眼前一亮，豁然开朗，なるほど这种感觉基本天天都有，就不一一列举了，有兴趣的交个朋友，相互交流下，感谢小码哥，感谢江哥

学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）