前端开发基础css（web前端开发分享-css）

等css那些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践经验，，下面我们就来聊聊关于前端开发基础css?接下来我们就一起去了解一下吧!

前端开发基础css

一，css进阶篇：

等css那些事儿看了两三遍之后，需要对看过的知识综合应用，这时候需要大量的实践经验，

简单的想法：把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html，有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写，写完之后再对比，以此来找寻自己的差距。结构是网站的骨架，如果写的不合理，将是bug产生的重要根源，所以学习分析大型网站的布局样式对初学者来说帮助是很大的。大多数初学者由于对技术的不自信，html结构往往写的很少，而且期望在少的结构上尽可能多的实现页面效果，这样无非加大了html结构所承载的样式属性，众多属性交织在一起就会容易产生bug。qq,sina,163三大官网撸一遍，基本是熟练了。

这里分享一个css那些事儿的作者林小志运营的一个小站：http://www.tianyizone.com　里边有一些新的特性的演示。

二，js进阶篇：

js进阶，等妙味看的差不多，心里难免痒痒，看老师用尽可能少的代码来实现了众多以前没法实现的动态效果。然后自己想写，但不知道写啥东西，下面就这个问题做以建议，写这些东西的目的有这么几个，一个是更加巩固自己的知识，另外一个是积累面试的作品以及以后工作中的可复用的代码片段：

1. 弹出层，

参照：http://aui.github.com/artDialog/

2. 日历

参照：http://www.my97.net/dp/demo/index.htm　mydate97

http://bbs.blueidea.com/thread-3043966-1-1.html 淘宝双日历

http://bbs.blueidea.com/thread-3101895-1-1.html 原生js日历

3. 图片轮换

SuperSlide2.1所有案例 TouchSlide1.0触屏滑动特效插件

http://bbs.blueidea.com/thread-3049362-1-1.html　轮换

http://bbs.blueidea.com/thread-3032305-1-1.html fgmcc经典作品

4. 模拟滚动条

参照：http://www.oschina.net/question/89964_62203

5. 模拟select，联动

参照：

http://bbs.blueidea.com/thread-3009070-1-1.html

https://github.com/yessky/selector

强大的selector

http://aui.github.io/popupjs/doc/selectbox.html

糖饼 select

https://github.com/Johnqing/selectbox

模拟下拉框

6. js分页

http://bbs.blueidea.com/thread-3105789-1-1.html

,