掌握前端开发:6大CSS库的详细解读

发表时间: 2019-09-05 16:41

在HTML5大前端开发中,CSS是三要素之一,想要从事HTML5大前端开发,就一定要熟练掌握CSS。那么,在网页制作时采用CSS技术,可以有效地对全站页面有共同性质属性的布局、字体、颜色、背景和其它效果属性实现更加精确的控制。接下来小编要分享的广州Web前端入门课程就给大家介绍几种常用的CSS库。

1、Foundation

Foundation属于一个完整的响应式前端框架家族。利用Foundation,你可快速完成从原型到生产的整个流程,为任意目标设备上的站点或应用程序提供支持。Foundation包含一套完全可定制的响应式网格、一套庞大的Sass Mixins库、各类常用JavaScript插件以及完全可访问性支持。

2、Ant Design

Ant Design是一种面向后台应用的设计语言,由Ant UED团队开发而成。他们希望借此统一内部后台项目的用户界面规范、减少设计差异以及不必要的实现成本,从而解放出更多可用于设计以及前端开发的宝贵资源。

3、Spectre.css

Spectre.css 是一套轻量化、响应式的现代CSS框架,用于实现更快、可扩展性更强的开发能力。Spectre提供多种排版与元素的基本样式,基于Flexbox的响应式布局机制,外加纯CSS组件与工具程序。

4、Bulma

Bulma是一套CSS框架,只会输出单一CSS文件:bulma.css。你能够以开箱即用的方式使用以上文件,也可以下载Saas源以调用其中各项变量。但其中不包括JavaScript,因为人们往往倾向于使用自己的JS实现。Bulma还具有环境中立性:仅属于逻辑意义上的一种样式层。

5、Shoelace

Shoelace.css是一套轻量化且具有前瞻性的CSS库,使用面向未来的CSS语法构建而成。其易于使用且具备充裕的定制化空间。Bottstrap用户将在其中找到熟悉的使用感受,但同时 Shoelace又拥有令人耳目一新的设计。你几乎能够在任何浏览器上使用Shoelace。CDN版本非常适合用于原型设计,但如果要使用完整功能,你也可以从零开始利用Shoelace进行构建。

6、Tailwind CSS

Tailwind CSS是一款高度可定制的低级CSS框架,能够为您提供构建定制化设计所需要的全部构建单元,且您将彻底告别那些恼人的样式问题。”特性:响应式、组件友好性、可定制。