单身狗的凝视跟着李南江学习HTML5-项目总结

基础课很快就结束了,终于要迎来期待已久的大神班了!

如果说要拿出一个项目来总结基础班的知识,我觉得这个努比亚的首页最能概括了

先上我做的效果
https://afue.github.io/nubia_index/

再上我的源代码




    
    Nubia-努比亚手机
    
    
    


    
    

努比亚手机-Nubia

这个demo就是对我这段时间基础班的一个总结,几乎用到了所有基础班的知识,不得不说老师出的题很不错。

虽然洋洋洒洒800行代码,但是实际上知识点并不算多,动画基本上都是用transform配合transition给个过度。

中间遇到两个奇葩问题:

底部footer-top的元素总是不在一个水平线上,a标签都掉出父元素范围了,后来在老师的指导下给了一个vertical-align:middle;终于解决了,这就是有大神带的好处!

导航栏浮动的那一排手机,最后一个li莫名其妙的掉了10像素,只好先给个margin-top:-10px;望大神指教。

学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)

你可能感兴趣的:(单身狗的凝视跟着李南江学习HTML5-项目总结)