slicy 新手上路

2018-06-14 14:44 更新

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ā)。

重要說明

關(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代碼核心。

 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>

<!--用于iphone開發(fā)-->
<meta content="width=device-width,initial-scale=1" name="viewport">
<link rel="stylesheet" href="../assets/css/slicy.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> </head>
<body>
<!--內(nèi)容-->
</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ā)布

反饋及建議

反饋信息的正確途徑,以確保我們可以收到

提交你反饋的內(nèi)容郵件到 developer@qietu.com 或者登陸slicy官方css框架論壇:www.qietu.cn


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號