小辣鸡之——淘宝首屏静态页面的编写

html结构——css样式——js行为
由于只是静态页面的编写,所以不涉及到js。
刚入门前端2个星期,写了这么个入门页面,mark这篇给自己看。
心得:
1、要先规划好区域。比如导航条、搜索条、主要图片展示等,根据这些写出大概的html结构。html从外往内写,从略到详。
2、要懂得观察,比如观察到这几个模块都有同样的样式,考虑给他们加同样的class。
3、不能放过细节,高仿淘宝首页也要用心高仿,边距什么的细节要模仿到位,但是重复写的文字和图标就可以考虑偷懒啦。
4、在这个过程中get到新技能就是,在伪类hover后加伪元素,小辣鸡我之前不知道呢。把伪元素当作普通元素吧,只是伪元素默认是内联(inline)级的元素,所以如果要为其设背景图,设宽高,要display声明为inline-block或者block。
在这里插入图片描述在这里插入图片描述
由于页面写的渣渣的,就不挂代码了,想看本渣的code的评个论(hhhh)
大概就是这样,有什么想法欢迎交流~
任重而道远啊!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值