CSS框架是预先准备好的软件框架,是一系列CSS文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作,提高工作效率。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
CSS框架是预先准备好的软件框架,是一系列 CSS 文件的集合体。简单地说,就是一些事先写好的css,你只需要给你的html元素加上一些特定的类,就可以快速的得到一些想要的效果。
CSS 框架包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作,提高工作效率。
功能更强大的框架,还配备了更多的功能和附加的基于JavaScript的功能,两个显着和广泛应用例子是Bootstrap和Foundation (framework)。其他awsm.css, Flexify, Materialize, Semantic UI。
一些更为大型的框架会使用CSS的解释器。例如LESS和Sass。
产生原因
编写css也是一样,从最初只是定义文字颜色、内容排版,到定义所有的表现。css框架也渐渐被重视了,因为大家都认识到:从具象的表现中抽出抽象的模块来重复使用,是减少用户下载、方便团队及个人开发最重要的手段。
特征
1、抽象出常用的css样式,高再可用性,高移植性
2、有固有的定义,详细的文档及开发特点
3、高兼容性,可以兼容流行的浏览器
4、以css为主,但不一定全部是css,可能有一些js(或者其他)脚本用于兼容浏览器
常见的css框架有:
1、Bootstrap
基于css,JavaScript,html 的前端框架,其中css是重点。
用来实现电脑、手机、平板不同终端设备响应式设计,实现一个见面,多个终端均可以使用。
2、Foundation
它是众多功能的集合,是Mac/iOS中其他框架的基础。
它是一个专业的前端框架,提供业务支持、培训和咨询。现已应用于Facebook、Mozilla、Ebay等大型网站。
3、Pure
它是一个轻量级的、响应式的css框架。
主要特点就是纯css框架,没有任何JavaScript代码,渲染更快。
学习视频分享:css视频教程
以上是什么是css框架的详细内容。更多信息请关注PHP中文网其他相关文章!