开始

如何使用 Kico Style

介绍

Kico Style 是一个简洁轻盈的前端框架,由 奇趣保罗 开发,是 Kico 前端作品系列的一员。

  • 最新版本:2.1
  • 上次更新:2018.12.8
  • 上次修订:2018.12.8

注意

Kico Style 是个从简优化的框架,它优美而简洁。和其他前端框架(例如 Bootstrap、Foundation)不同的是,它不是快速搭建用户界面的样式库。

Kico Style 没有太多的组件和样式。为了让一个网站看起来不重复,像 导航条面包屑消息框 等高度定制化的内容,本框架不提供。如果你不想自主编写样式,而是更偏向使用现成样式,那么请尝试 Bootstrap 吧。

Kico Style 为支持 HTML5 的浏览器所打造,谷歌、火狐内核的浏览器效果最佳。如果你是 IE 偏执狂,那么请尝试 html5.js 一类由第三方设计的兼容库吧。

兼容性

  • IE 10+
  • Edge 14+
  • Firefox 30+
  • Chrome 40+
  • Android Browser 4.4+

下载与使用

1. 引用 CSS 样式

// 本地加载
<link href="css/kico.css" rel="stylesheet" type="text/css"/>

// 或使用 CDN 加载
<link href="https://assets.paul.ren/kico.css" rel="stylesheet" type="text/css"/>

2. 在 head 标签内插入可视区域代码,开启响应式功能

<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>

3. 如需使用本框架的组件,请在 Body 标签结尾前引用 JavaScript。

// 本地加载
<script src="js/kico.js"></script>

// 或使用 CDN 加载
<script src="https://assets.paul.ren/kico.js"></script>

另请参阅

还有音乐播放器 Kico Player、时钟小工具 Kico Tools 等有趣的前端作品,欢迎关注!

Kico Player

功能强大的前端音乐播放器,同样由保罗开发。

文档地址

Kico Tools

一款清爽简洁的在线小工具,依旧是由保罗开发。它采用 ES6 标准进行开发,包括了闹钟、倒计时、秒表和随机数的功能,便于使用。

项目地址 项目介绍