使用质量敏感的CSS框架可以为您提供任何网页设计项目的良好开端。一些像Bootstrap一样，有些代码过多，而另外一些则需要相当陡峭的学习曲线。
理想情况下，您希望使用一个软件包，该软件包可为您提供足够的功能以帮助您实现正常运行，同时不会让您失去一大堆不需要的选项。
您也可能喜欢这些Material Design Web Frameworks或这些开源WordPress开发框架。
考虑到这个目标，网站建设在这里介绍这里有20个CSS框架提供了基础知识 。
FICTOAN
FICTOAN旨在成为那些不是更大，更复杂的框架粉丝的人的绝佳选择。它具有生动的配色方案，自定义图标和大量简约风格的设计元素。
雪崩
雪崩是您可以自定义以满足您的需求的框架。有可用的软件包来启用流体网格系统，偏移类，容器，垂直间距等更多特定功能。
Beauter
在不到5K压缩的情况下，Beauter肯定会面临严重轻量化的挑战。这并不意味着没有功能，但是。你可以获得像响应式网格这样的基础知识，但也有一些额外功能，如视差滚动，模态，工具提示和一些漂亮的容器。
香草框架
Vanilla Framework的设计非常简单，为您的项目提供了一个很好的起点。有很多容器和设计元素都包含在内，看起来不错，但也很容易定制以符合您的期望。
布尔玛
基于CSS Flexbox，Bulma是一个全面响应和模块化的框架，可以让你使用你需要的东西。您可以获得Flexbox的所有优势，包括根据其编号和视口自动调整大小的列和图块。
毫克
毫克级重量几乎与其同名一样小 – 压缩时只有2k。它包含您期望的所有基础知识，旨在最大限度地减少您需要重置的样式数量。
InvisCss
InvisCss是作为更复杂框架的替代品而构建的。该软件包具有简单的CSS选择器名称和一个最小但有吸引力的UI。
看
个人项目Look的结果作为一个简约的CSS框架向公众发布，作为网站开发的基本起点。设计元素很简单，可根据自己的喜好进行定制。
unlimitedGrid
基于Sass，unlimitedGrid是一个灵活的，移动优先的网格框架。它是模块化的，所以你只需要使用你需要的功能。包含Flexbox支持，并有多种网格变体可供选择。
重要
作为大型框架的“反向方法”，Vital既轻便又可扩展。使用Sass构建，您会发现有效的网格布局，自定义按钮和装载器。照片拼贴，卡片容器和表格等内容还包括几种有用的布局样式。
PowerToCSS
基于SMACSS和DRY的原则，PowerToCSS是一个轻量级的CSS框架，为您快速开始下一个Web项目提供了坚实的基础。
Kouto Swiss
Kouto Swiss是Stylus的一个完整的CSS框架，它为您提供了大量的mixin，函数和实用程序来加快编码速度，还包括Caniuse网站的强大功能，使您的样式表符合您的兼容性需求。
松饼
本身并不是一个框架，但仍值得一提的是，Muffin是一个专注于前端Web设计的模板，用于使用SASS和Jekyll来静态站点。Muffin利用Bootstrap，Boilerplate，inuit.css和其他库文件的常见做法，让您直接进入编码领域。
偷偷摸摸的CSS
Furtive是移动优先的框架，占地面积非常小。这个框架并不担心旧版本的浏览器，这意味着它可以使用像Flexbox，SVGs和有限的供应商前缀这样的尖端技术。它也可在SCSS，CSS中使用，并附带一个用于定制构建的Gulp文件。
Webplate
Webplate框架包括一切功能，从健壮的响应式布局引擎到全局按钮元素，可自定义的表单以及对IcoMoon图标字体的支持。它也默认带有jQuery，Modernizr和Typeplate。
流动性
流动性可能是有史以来最轻量级的全面响应的CSS框架！HTML几乎可以100％响应，115字节的CSS文件修复了“几乎”的部分。不能轻于此。
/ * FLUIDITY v0.1.0 @mrmrs - http://mrmrs.cc MIT * / / * 响应式实用程序 * / img，canvas，iframe，video，svg {max-width：100％; } / *用这个类包装表格或pre元素在一个div中/ .overflow-container {overflow-y：scroll; }
架构
构建于LESS之上的Schema是一个响应式的前端UI框架，它包含一个全面的CSS组件集合（按钮，下拉列表，表单…）以帮助您快速入门。
翠
Emerald是LESS的一款实用的响应式网格系统。它基于块元素（与浮点相反），并使用BEM语法使用OOCSS方法编写。
比茹
Bijou是一个轻量级（<2 kb）响应式10列网格框架。它包含了按钮，警报，表格，导航栏，当然还有网格。
基础
Base是一个语义化，轻量级和可扩展的框架，允许您使用自己的宽度，列，排水沟，偏移量和填充来创建流体和固定网格。它包含按钮，表单和菜单组件，还包含一组用于CSS3属性，动画，渐变和一些实用混合的LESS mixins。
火花
Spark是基于移动优先响应式设计的轻量级框架。该框架预先构建了几种可互换的颜色主题，既有闪亮又平淡的风格。目前，基本颜色是银色（默认），蓝色，绿色，橙色，红色，紫色，酸橙和龙柚。
Typebase
typebase.css是一个最小的和可定制的CSS排版样板文件。typebase.css给你的最重要的事情是在大多数设备屏幕上实施垂直方式，从而确保跨列和长副本的文本不会不均匀。Less和Sass版本都可用。
海鲜
使用Sass构建的Hoisin是一个简单的响应式前端迷你框架，它被创建为更复杂和更臃肿的前端框架的替代品。它故意不包含任何组件，而是专注于为您提供一个有组织的基础，您可以从中创建自己的库。
可爱的网格
Cute Grids是一款移动优先的12列响应式网格系统，诞生于当今大型过度构建的框架的挫败感，对大多数项目来说这些框架可能过度使用，并限制了设计师的创造力。
轻而强大
使用任何类型的框架的重点都是让你的工作更轻松。因此，不得不重新安装一堆CSS，或者加载一些你甚至不会使用的脚本似乎违背了所有的逻辑。
使用上述更基本的框架之一可以让您快速入门，而不会遇到任何麻烦。而且，由于它们中的一些使用了模块化方法，因此您只能挑选某个特定项目所需的项目。这还差不多！
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/262681.html