codecamp

slicy 新手上路

slicy-开源中文css框架 提供的是一个可靠的基于HTML5的,并且已经兼容ie6,ie7,ie8,firefox等主流浏览器的一个可基于开发的一个css项目开发闭包。在实际前端开发(css排版等)的时候,需要拷贝 css, imgs ,js ,swf 文件到空白的项目文件夹里面,参照进行项目开发。

重要说明

关于slicy.css文件。为了更好的拆分框架的内容,让用户能够方便的使用框架的某一个部分。slicy.css核心文件代码中利用了 @import url("icon.css");的方式进行了调用。所以在使用本框架之前,需要有一点点css功底,并且建议将slicy.css源代码大致浏览一遍。

关于框架

slicy是切图网推出的响应css框架。最早于09年推出第一个版本quickcss,经过数年的发展,取其中文意思,现更名为slicy!

关于ie6支持

slicy以最初的QuickCSS为原型,往后升级数个版本,最后更名为slicy,一直延续了对ie6的支持,对于ie6等低版本支持的原理是这样的:slicy提供了基本的网页元素和js组件,相对国外bs框架等优秀框架功能是非常简单的,布局也非常简洁,功能的简洁极大了减少了ie6下不兼容问题的产生,另外,slicy通过对优化html自身结构和规范css代码书写,是兼容ie6的主要原因。并且我们不主张通过非正常手段来实现ie6兼容,这个是弊大于利的。

文件结构

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开发-->
<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>
<!--内容-->
</body>
</html>

使用许可

代码基于Apache License v2.0, 文档基于创作共享的 署名-非商业使用-相同方 式分享 2.5 协议发布

赋予你的权力

  • 免费下载和使用slicy全部或部分用于个人,或商业用途
  • 修改、扩展slicy代码

禁止以下行为

  • 使用slicy代码部分或全部,需保留源代码中的版权申明,禁止删除、修改版权再次发布

反馈及建议

反馈信息的正确途径,以确保我们可以收到

提交你反馈的内容邮件到 developer@qietu.com 或者登陆slicy官方css框架论坛:www.qietu.cn


slicy 栅格系统
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }