100套景点H5网站模板资源，来自顶尖设计师+前端开发工程师！资源-CSDN文库

共2001个文件

js：883个

css：659个

html：233个

html

需积分: 5 73 浏览量 2024-01-23 17:12:56 上传评论收藏 572.95MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

100套景点H5网站模板资源，来自顶尖设计师+前端开发工程师！（2001个子文件）

main.css 182KB

styles.css 174KB

bootstrap.min.css 157KB

bootstrap.min.css 152KB

bootstrap.css 146KB

bootstrap.css 144KB

bootstrap.css 143KB

bootstrap.css 142KB

bootstrap.css 139KB

bootstrap.css 138KB

bootstrap.min.css 138KB

bootstrap.css 134KB

bootstrap.min.css 133KB

bootstrap.css 126KB

plugins.css 126KB

bootstrap.css 120KB

bootstrap.min.css 120KB

bootstrap.css 119KB

bootstrap.min.css 118KB

bootstrap.min-3.css 118KB

bootstrap.min.css 118KB

bootstrap.css 118KB

bootstrap.min.css 118KB

combined.css 118KB

bootstrap.min.css 115KB

bootstrap.min.css 114KB

bootstrap.min.css 111KB

bootstrap.min.css 107KB

bootstrap.min.css 103KB

bootstrap.min.css 100KB

bootstrap.min.css 99KB

bootstrap.min.css 98KB

bootstrap.min.css 97KB

共 2001 条

<!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> <a href="http://ionicons.com/">Ionicons Homepage</a> </header> <div class="content"> <div class="icon-row"> <div class="preview-icon"> </div> <div class="preview-scale">12141618212432486496</div> <div class="usage"> <label>Classname:</label> <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert" /> <label>Selectable:</label>  <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"> </div> <div class="preview-scale">12141618212432486496</div> <div class="usage"> <label>Classname:</label> <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-alert-circled" /> <label>Selectable:</label>  <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"> </div> <div class="preview-scale">12141618212432486496</div> <div class="usage"> <label>Classname:</label> <input class="name" type="text" readonly="readonly" onClick="this.select();" value="ion-android-add" /> <label>Se

评论收藏

内容反馈