学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。
这就需要经验的积累了。 试着继续写模仿天猫网站吧!
项目地址
步骤1:
介绍
由纯 Html CSS和JQuery完成,学习如何使用最原本的html和css完成天猫这样量级的前端效果。
步骤2:
前端界面一览
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/052c979d70854ad887ca0ec8e93803e9.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96967f5ffc3810df1a59537ae812ae6f.png)
步骤三:
观察这个页眉,想想怎么写
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/45a3b382e3b3c4b563237ee20e780f46.png)
步骤四:
分析布局
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/878fcba6cd538dc8857542bcfda82cd0.png)
步骤五:
HTML部分
然后是html部分,html本身是充当内容的角色的,没有样式,完全是HTML 代码。
HTML代码,仅供参考
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0a97807f18e63765b33905d8eba31952.png)
接着学