Kernel.css –轻量，语义和非侵入式前端框架

开发人员知道从头开始重新创建代码的痛苦。 值得庆幸的是，Web开发社区以开源和前端框架的方式提供了很多功能。

诸如Bootstrap之类的流行框架可以很好地工作，但也可能会显得过于肿 。 值得庆幸的是，还有其他选择 ，而我最新的收藏之一是Kernel.css 。

内核称自己为非侵入性框架 ，这意味着它将像页面顶部的薄层一样工作 。 自定义它不会感到麻烦或困难，并且这些类完全符合现代HTML5规范 。

前端开发人员的工作应遵循适当的语义，以实现可访问性和最高级别的浏览器支持。 使用诸如Kernel之类的框架可以节省大量时间和精力来解决常见问题。

以下是一些最畅销的内核：

• 它的网格系统在flexbox上运行 。
• 全面响应和移动友好 。
• 通过CSS和JavaScript 自定义过渡
• 卡，表和标题的预样式化元素 。
• 简单的配色方案以材料设计为蓝本。

您也可以在主要的演示页面上预览所有内核元素 ，其中包括示例源代码 。

您会注意到许多项，例如按钮和标题提供了不同的类名。 这意味着您只需更改类就可以轻松更改按钮的颜色 。

它还为某些操作提供了默认的通知类通知 ，例如， .btn-primary表示蓝色的“ clean”按钮，或.btn-warning带有明亮的黄色提示。

Kernel最好的部分是您可以轻松自定义此框架以满足您的需求。 想要将Awesome字体添加到您的按钮吗？ 没问题。 如何在标题中添加Google Webfonts ？ 只需覆盖CSS工作表中的样式，就可以了。

如果您想要一个轻量级的起点来构建出色的布局，那么Kernel.css是工作的框架。

翻译自: https://www.hongkiat.com/blog/kernelcss-frontend-framework/