带头像的垂直彩色菜单

湖水中飘荡

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

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

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

PART

1

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

PART

2

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

PART

3

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

PART

4

图七是最后成品

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

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

提取码: xxb2

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181119G1KIMN00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券