免費(fèi)AI編程助手
手冊簡介
slicy-開源中文css框架 提供的是一個(gè)可靠的基于HTML5的，并且已經(jīng)兼容ie6，ie7，ie8，firefox等主流瀏覽器的一個(gè)可基于開發(fā)的一個(gè)css項(xiàng)目開發(fā)閉包。在實(shí)際前端開發(fā)（css排版等）的時(shí)候，需要拷貝 css, imgs ,js ,swf 文件到空白的項(xiàng)目文件夾里面，參照進(jìn)行項(xiàng)目開發(fā)。
手冊說明
始于2009年，國內(nèi)首款響應(yīng)式html5/css3框架，兼容 ie6,ie7,ie8,firefox,chrome瀏覽器以及iphone,ipad等移動設(shè)備。
adapt.js
簡化網(wǎng)站適配開發(fā)
移動適配
已有網(wǎng)站轉(zhuǎn)手機(jī)網(wǎng)站服務(wù)。
專業(yè)仿站
專業(yè)仿站服務(wù)
移動版
移動優(yōu)先的SLICY移動框架
重要說明
關(guān)于SLICY.css文件。為了更好的拆分框架的內(nèi)容，讓用戶能夠方便的使用框架的某一個(gè)部分。SLICY.css核心文件代碼中利用了@import url("icon.css");的方式進(jìn)行了調(diào)用。所以在使用本框架之前，需要有一點(diǎn)點(diǎn)css功底，并且建議將SLICY.css源代碼大致瀏覽一遍。
關(guān)于框架
SLICY是切圖網(wǎng)推出的響應(yīng)css框架。最早于09年推出第一個(gè)版本quickcss，經(jīng)過數(shù)年的發(fā)展，取其中文意思，現(xiàn)更名為SLICY！
關(guān)于ie6支持
SLICY以最初的QuickCSS為原型，往后升級數(shù)個(gè)版本，最后更名為SLICY，一直延續(xù)了對ie6的支持，對于ie6等低版本支持的原理是這樣的：SLICY提供了基本的網(wǎng)頁元素和js組件，相對國外bs框架等優(yōu)秀框架功能是非常簡單的，布局也非常簡潔，功能的簡潔極大了減少了ie6下不兼容問題的產(chǎn)生，另外，SLICY通過對優(yōu)化html自身結(jié)構(gòu)和規(guī)范css代碼書寫，是兼容ie6的主要原因。并且我們不主張通過非正常手段來實(shí)現(xiàn)ie6兼容，這個(gè)是弊大于利的。
文件結(jié)構(gòu) SLICY-開源中文css框架基于quickcss代碼核心。
我們已經(jīng)整理了所有的文件壓縮組合成一兩個(gè)文件。
SLICY-開源中文css框架/ ├── assets/css/ │ ├── SLICY.css ├── assets/js/ │ ├── jquery.js │ ├── SLICY.js └── img/
正確的加載
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>untitled</title>
<!--禁止圖像工具欄出現(xiàn)的網(wǎng)頁標(biāo)簽-->
<meta content="no" http-equiv="imagetoolbar">
<!--用于iphone開發(fā)-->
<meta content="width=device-width,initial-scale=1" name="viewport">
<link type="image/x-icon" href="../assets/ico/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="../assets/css/SLICY.css">
<link rel="stylesheet" href="css/addons.css"> <!--[if lt IE 9]>
<script src="../assets/js/html5.js"></script>
<![endif]--> <script src="../assets/js/jquery.js"></script>
<script src="../assets/js/SLICY.js"></script>
<script src="../assets/js/addons.js"></script> </head>
<body>
<!--使用時(shí)將這段演示代碼刪掉-->
<div class="started" style="width:600px; border:#ccc dashed 3px; padding:20px; text-align:center; margin:50px auto;">
開始你的代碼之旅吧!
</div>
<!--演示代碼結(jié)束-->
</body>
</html>
使用許可
代碼基于Apache License v2.0, 文檔基于創(chuàng)作共享的 署名-非商業(yè)使用-相同方 式分享 2.5 協(xié)議發(fā)布
賦予你的權(quán)力
- 免費(fèi)下載和使用SLICY全部或部分用于個(gè)人，或商業(yè)用途
- 修改、擴(kuò)展SLICY代碼
禁止以下行為
- 使用SLICY代碼部分或全部，需保留源代碼中的版權(quán)申明，禁止刪除、修改版權(quán)再次發(fā)布
更新記錄
-
slicy JS插件 06-14 15:30
-
slicy 柵格系統(tǒng) 06-14 14:50
-
slicy css組件 06-14 14:50
-
slicy 基礎(chǔ)CSS 06-14 14:49
-
slicy 新手上路 06-14 14:44
