带头像的垂直彩色菜单

湖水中飘荡

这是我第一次注释比代码还多的程序了，注释除了个人理解之外还考察了w3c来确保注释的正确性。

小小怪对最后成品的整个之所过程都做了大部分的记录，截图给大家参考，可以让大家对css修饰过程有个更加清楚的了解和认识

(图周围的虚线条不是css效果，而是小小怪为了更突出图片而在编译器里加的东西)

PART

1

图一是在html文档中写的页面框架，没有参加任何css修饰

PART

2

从图二起就开始使用到了css

PART

3

图三四五六对各个div进行上色，和动作，只不过在这体现不出来动作

PART

4

图七是最后成品

在浏览器中复制粘贴下面的链接，可以获得所有的代码

链接: https://pan.baidu.com/s/1UDQvkDVUgUQ9dDV1Ndadgg

提取码: xxb2

对于学习前端，小小怪个人的观点和看法是“动手”。你可以看别人的程序一点一点的敲出来，切记不要一下子就把所有程序都敲完了，然后耸耸肩膀，点击运行。这样是一点用都没有的，你只不过是复制了别的代码罢了，只有一点一点的演示出某个程序段或者某一行代码的效果，反复实验，不懂得地方也切记不要跟任何人交流或者讨教，这要做效率会很低，网络是最快捷最强大的老师，不会的话问他就对了！！！！这些都是小小怪一路走过来的总结的经验，如果你有更好的学习方法欢迎和我交流！