移动端主流的css框架

html-css047

移动端主流的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/#/

精致的 CSS UI 框架:

1、Bootstrap – 最流行的Web前端UI框架

2、jQuery UI - 基于jQuery的开源Javascript框架

3、jQuery UI Bootstrap

4、BootMetro - Metro风格的CSS框架

5、Flat UI - 扁平风格 UI 工具包

6、网易CSS框架 NEC

7、Alloy UI – 功能强大的CSS UI框架

8、Cardinal – 移动端的CSS UI框架

9、快速开发CSS的框架 CSScaffold

10、后台UI开发框架 MuseUI

CSS好比衣服 同一个人CSS的不同 装扮也就不同

模板好比骨架 骨架的不同 人的形状就不同 有高矮胖瘦之分

CSS是定义网页各种元素 字体、颜色等

模板是定义网页框架 什么地方放什么东西 是人家做好的样板

层的概念:

层是一种HTML页面元素,是指具有绝对或者相对位置的DIV标签.

通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。

利用层可以非常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会遇到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转换为表。有关更多信息,请参见将层转换为表格。但是,如果您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转换为表格

DIV的意思是区块标签。

如果已经给 div 标签分配了绝对位置(也就是规定了这个DIV标签的样式),它就可充当一个 Dreamweaver 层。

框架的弊端和作用有以下几点

1、增强网页的导航功能

2、整个浏览空间变小,让人感觉缩手缩脚

3、容易在每个框架中产生滚动条,给浏览造成不便

表格用于布局,用表格来布局表单里面的数据,如果你有数据提供给后台程序,比如一个输入框,文本框等,这些元素通常要放到一个表单,这样才可以完成数据的提交.