<!DOCTYPE html>
<html>
<head>
<title>Ionicons v2.0.0 Cheatsheet</title>
<style>
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body {
background: #fff;
color: #444;
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a, a:visited {
color: #888;
text-decoration: underline;
}
a:hover, a:focus { color: #000; }
header {
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
}
header h1 {
color: #888;
float: left;
font-size: 36px;
font-weight: 300;
}
header a {
float: right;
font-size: 14px;
}
.container {
margin: 0 auto;
max-width: 1200px;
min-width: 960px;
padding: 0 20px;
width: 95%;
}
.icon-row {
border-bottom: 1px dotted #ccc;
padding: 10px 0 20px;
margin-bottom: 20px;
}
.ion {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.preview-icon { vertical-align: bottom; }
.preview-scale {
color: #888;
font-size: 12px;
margin-top: 5px;
}
.step {
display: inline-block;
line-height: 1;
position: relative;
width: 10%;
}
.step i {
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.step:hover i { opacity: .3; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-32 { font-size: 32px; }
.size-48 { font-size: 48px; }
.size-64 { font-size: 64px; }
.size-96 { font-size: 96px; }
.usage { margin-top: 10px; }
.usage input {
font-family: monospace;
margin-right: 3px;
padding: 2px 5px;
text-align: center;
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.usage label {
font-size: 12px;
text-align: right;
padding: 0 3px 0 60px;
}
.usage label:first-child { padding-left: 0; }
.usage .name { width: 180px; }
.usage .html { width: 80px; }
.usage .css { width: 80px; }
footer {
color: #888;
font-size: 12px;
padding: 20px 0;
}
</style>
<link href="css/ionicons.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<header>
<h1>Ionicons v2.0.0 Cheatsheet, 733 icons:</h1>
<p><a href="http://ionicons.com/">Ionicons Homepage</a></p>
</header>
<div class="content">
<div class="icon-row">
<div class="preview-icon"><span class="step size-12">
<i class="icon ion-alert"></i>
</span><span class="step size-14">
<i class="icon ion-alert"></i>
</span><span class="step size-16">
<i class="icon ion-alert"></i>
</span><span class="step size-18">
<i class="icon ion-alert"></i>
</span><span class="step size-21">
<i class="icon ion-alert"></i>
</span><span class="step size-24">
<i class="icon ion-alert"></i>
</span><span class="step size-32">
<i class="icon ion-alert"></i>
</span><span class="step size-48">
<i class="icon ion-alert"></i>
</span><span class="step size-64">
<i class="icon ion-alert"></i>
</span><span class="step size-96">
<i class="icon ion-alert"></i>
</span>
</div>
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
<div class="usage">
<label>Classname:</label>
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" />
<label>Selectable:</label>
<span class="ion"></span>
<label>Escaped HTML:</label>
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#xf101;" />
<label>CSS Content:</label>
<input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f101" />
</div>
</div>
<div class="icon-row">
<div class="preview-icon"><span class="step size-12">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-14">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-16">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-18">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-21">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-24">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-32">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-48">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-64">
<i class="icon ion-alert-circled"></i>
</span><span class="step size-96">
<i class="icon ion-alert-circled"></i>
</span>
</div>
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
<div class="usage">
<label>Classname:</label>
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" />
<label>Selectable:</label>
<span class="ion"></span>
<label>Escaped HTML:</label>
<input class="html" type="text" readonly="readonly" onClick="this.select();" value="&#xf100;" />
<label>CSS Content:</label>
<input class="css" type="text" readonly="readonly" onClick="this.select();" value="\f100" />
</div>
</div>
<div class="icon-row">
<div class="preview-icon"><span class="step size-12">
<i class="icon ion-android-add"></i>
</span><span class="step size-14">
<i class="icon ion-android-add"></i>
</span><span class="step size-16">
<i class="icon ion-android-add"></i>
</span><span class="step size-18">
<i class="icon ion-android-add"></i>
</span><span class="step size-21">
<i class="icon ion-android-add"></i>
</span><span class="step size-24">
<i class="icon ion-android-add"></i>
</span><span class="step size-32">
<i class="icon ion-android-add"></i>
</span><span class="step size-48">
<i class="icon ion-android-add"></i>
</span><span class="step size-64">
<i class="icon ion-android-add"></i>
</span><span class="step size-96">
<i class="icon ion-android-add"></i>
</span>
</div>
<div class="preview-scale"><span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">32</span><span class="step">48</span><span class="step">64</span><span class="step">96</span></div>
<div class="usage">
<label>Classname:</label>
<input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" />
<label>Se
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于JSP,SERVLET等JAVAWEB技术开发实现的图书管理系统,可以做毕业设计和课程设计使用 (14571个子文件)
africa 45KB
africa 45KB
antarctica 15KB
antarctica 15KB
asia 111KB
asia 111KB
australasia 68KB
australasia 68KB
backward 4KB
backward 4KB
make.bat 5KB
make.bat 5KB
BookDao.class 5KB
BookDao.class 5KB
UserDao.class 3KB
UserDao.class 3KB
UserUpdateServlet.class 2KB
UserUpdateServlet.class 2KB
AddServlet.class 2KB
AddServlet.class 2KB
UserServlet.class 2KB
UserServlet.class 2KB
ListServlet.class 2KB
ListServlet.class 2KB
FindServlet.class 2KB
FindServlet.class 2KB
EditServlet.class 2KB
EditServlet.class 2KB
DeleteServlet.class 2KB
DeleteServlet.class 2KB
Book.class 2KB
Book.class 2KB
JDBCUtils.class 2KB
JDBCUtils.class 2KB
MyBeanUtils.class 1KB
MyBeanUtils.class 1KB
LogoutServlet.class 1KB
LogoutServlet.class 1KB
User.class 970B
User.class 970B
pace.coffee 18KB
pace.coffee 18KB
morris.grid.coffee 14KB
morris.grid.coffee 14KB
morris.line.coffee 12KB
morris.line.coffee 12KB
line_spec.coffee 8KB
line_spec.coffee 8KB
label_series_spec.coffee 7KB
label_series_spec.coffee 7KB
set_data_spec.coffee 7KB
set_data_spec.coffee 7KB
morris.bar.coffee 7KB
morris.bar.coffee 7KB
morris.donut.coffee 6KB
morris.donut.coffee 6KB
bar_spec.coffee 4KB
bar_spec.coffee 4KB
donut_spec.coffee 3KB
donut_spec.coffee 3KB
hover_spec.coffee 2KB
hover_spec.coffee 2KB
area_spec.coffee 2KB
area_spec.coffee 2KB
parse_time_spec.coffee 2KB
parse_time_spec.coffee 2KB
morris.area.coffee 2KB
morris.area.coffee 2KB
commas_spec.coffee 1KB
colours.coffee 1KB
commas_spec.coffee 1KB
colours.coffee 1KB
auto_grid_lines_spec.coffee 1KB
auto_grid_lines_spec.coffee 1KB
morris.hover.coffee 1KB
morris.hover.coffee 1KB
morris.coffee 1006B
morris.coffee 1006B
pad_spec.coffee 588B
pad_spec.coffee 588B
y_label_format_spec.coffee 443B
y_label_format_spec.coffee 443B
placeholder.coffee 162B
placeholder.coffee 162B
bootstrap.css 143KB
bootstrap.css 143KB
bootstrap.min.css 118KB
bootstrap.min.css 118KB
AdminLTE.css 109KB
AdminLTE.css 109KB
AdminLTE.min.css 89KB
AdminLTE.min.css 89KB
AdminLTE-without-plugins.css 88KB
AdminLTE-without-plugins.css 88KB
AdminLTE-without-plugins.min.css 72KB
AdminLTE-without-plugins.min.css 72KB
samples.css 64KB
samples.css 64KB
ionicons.css 56KB
ionicons.css 56KB
共 14571 条
- 1
- 2
- 3
- 4
- 5
- 6
- 146
资源评论
编程指南针
- 粉丝: 5w+
- 资源: 193
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 南航电子商务的发展.ppt
- 博客网站开题报告.doc
- 卫星通信链路计算过程.doc
- 基于STM32 F407 Discovery 单片机实现秀吧自动鸡尾酒贩卖机,流量控制源码
- 原发性慢性肾上腺皮质功能减退症chronicadrenocortical.pdf
- 各种回归模型适用条件-logistic回归-(2).pdf
- 基于文本和多模态数据的风险识别题目名称Emoji复杂文本识别python源码+项目说明.zip
- 基于STM32单片机实现的的智能晾衣架
- 基于安卓Android的新闻发布系统app源代码+文档说明(高分项目).zip
- 基于SkyTra-S1216F8-BD模块gps串口模块AD09设计设计硬件(原理图+PCB)文件.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功