闲聊
来了来了咸鱼博主闭关修炼一天半,服下大量文档宝药准备来冲关突破了。
学了一天半的前端也是感慨万分,站在巨人的肩膀上学习确实舒服。本次来试试天猫前端一个网页的实现。
首先推荐一个网站https://www.w3school.com.cn,当做参考手册了毕竟博主是个大水货没打过前端代码还是得查找下一些关键字。
另外推荐一个打前端代码的利器Sublime Text百度说这个玩意有很多插件,字体啥的也不错我就整了一个。下载方式,360软件管家搜索一件安装即可。
下面正式的开启我的天猫前端实战。
一、布局
一个静态的web界面首先要看清整个布局,来看看天猫的前端大致布局吧。
二、项目管理
在建项目的时候我们建一个文件夹,并且所有用到的图片,引用都使用相对路径,不然换个电脑环境又全乱了很烦人。
因为项目不大直接在桌面建tmall文件夹,然后用Sublime来建立tmall-index.html文件和index.css文件,然后把css文件外链进html文件里。
我们要做高仿的,可以卖的更贵!从title开始
狗头.png,刚一进去就看见这背景的渐变粉很好看,扒了(狗头.png)
好的刚起步又发现这个网站用了flex布局,好的不会但是不慌,我们直接自己用px调出来。
调好的导航栏如下
这就是今天的内容了,我发现这玩意太耗时间了。让本博主先学习学习JavaScript吧,有空再来把这个坑填了,上次还留了个贪吃蛇的坑哈哈哈哈!!抱歉啦实在是没有时间。