首页 > 代码库 > youku首页01

youku首页01

今天尝试着写youku首页,第一次尝试完成一个整体的页面,感觉不难,而且自己也知道困难在于发现;

 

第一遍,因为没有写过整页,没有经验,所以一个一个元素往上加,边写htm,边写CSS,还顺便把js也写了,然而没多久就发现写不下去了,牵一发而动全身,这样写,得累死;

 

第二遍,开始先搭建整体html框架结构,然后往里面添加具体元素和CSS,一大块静态页面写完后,才加入js动态部分;整体思路清晰多了,也快了很多;然而,youku首页用的布局方式并不是响应时布局,而我在写的时候用了float这玩意儿,结果一缩放页面,变成响应时的了;一个悲剧的半成品;

 

第三遍明天再来吧,全部用position来布局;然而还有一个问题没有搞明白,youku首页只能缩小到50%,然后就不能继续缩小了,而我写的页面可以缩小到25%,这时候很多地方都会自动换行;很明显这个需要控制,只是需要查资料;不知道有没有高手能给点建议;

youku首页01