前言:
此刻看官们对“ps切片保存html”大概比较看重,大家都想要分析一些“ps切片保存html”的相关知识。那么小编在网络上网罗了一些有关“ps切片保存html””的相关内容,希望兄弟们能喜欢,兄弟们快快来学习一下吧!一,css进阶篇:
等css那些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验,
简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写,写完之后再对比,以此来找寻自己的差距。结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的。大多数初学者由于对技术的不自信,html结构往往写的很少,而且期望在少的结构上尽可能多的实现页面效果,这样无非加大了html结构所承载的样式属性,众多属性交织在一起就会容易产生bug。qq,sina,163三大官网撸一遍,基本是熟练了。
这里分享一个css那些事儿的作者林小志运营的一个小站: 里边有一些新的特性的演示。
二,js进阶篇:
js进阶,等妙味看的差不多,心里难免痒痒,看老师用尽可能少的代码来实现了众多以前没法实现的动态效果。然后自己想写,但不知道写啥东西,下面就这个问题做以建议,写这些东西的目的有这么几个,一个是更加巩固自己的知识,另外一个是积累面试的作品以及以后工作中的可复用的代码片段:
1. 弹出层,
参照:
2. 日历
参照: mydate97
淘宝双日历
原生js日历
3. 图片轮换
SuperSlide2.1所有案例+TouchSlide1.0触屏滑动特效插件
轮换
fgmcc经典作品
4. 模拟滚动条
参照:
5. 模拟select,联动
参照:
强大的selector
糖饼 select
模拟下拉框
6. js分页
标签: #ps切片保存html