移动端主流的css框架

html-css022

移动端主流的css框架,第1张

1、bootstrap: http://www.bootcss.com/ 响应式布局

jquery weui https://jqweui.cn/components#form

jquery weui开发经验总结

2、css3 动画

http://www.haorooms.com/uploads/example/Animatecss/

更多框架

http://nec.netease.com/framework

3、icon字体

http://fontawesome.io/

http://www.iconfont.cn/

4、css的 SASS 和Less框架

vonic 框架

https://wangdahoo.github.io/vonic/docs/#/

浏览器都会帮你实现一些 JS 可以用的工具(函数,对象什么的),你只要写一些 JS 的代码,保存在 xxx.js 里,在 html 文件中用 <script>关联进来就可以用了,像上图这个效果应该就包括了

鼠标悬停到标签上时创建一个新的 <div>小窗口 .

用 JS 向知乎服务器发送一个请求,得到这个小窗口应该显示的数据,放在这个小窗口里(这就是所谓的AJAX,不用刷新就能与服务器进行交互,更新页面的一小部分~)

浏览器拿到这样的代码,就会解析并实现出相应的效果,楼主问的浏览器脚本,指的就是这样子的代码。其实用来写浏览器脚本的,也不是非得JavaScript 不可,当年还为到底用什么语言写这种代码有过一段战火纷飞的时期,但现在尘埃落定,各大浏览器都默认了:请用 JS 写这些动态效果的代码给我解析~.

不是让主流浏览器去适应你的网页,而是让你的网页去适应主流浏览器,不要使用不兼容的语言和属性,尽量避免使用css3和HTML5,只要不用怪异的写法,ie7以上以及其他浏览器都没问题,对于部分的不兼容性都可以百度相应的兼容方法(例如透明度,JS的监听事件之类的)。

推荐 渴切-开源中文css框架,基于css3/html5 ,包含了栅格化系统,响应式布局,扁平化设计,视差滚动等高端css应用 http://download.keqie.com/