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