渴切 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
渴切 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
渴切 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
渴切 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
渴切 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 GPL
开发语言 HTML/CSS
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发CSS框架
开源组织
地区 国产
提 交 者 tyshymy
适用人群 未知
收录时间 2012-03-11

软件简介

致渴切用户一封信:经过再三考量,我们决定关停渴切的一切更新,对于热爱前端的朋友,我们向你推荐 “快切——响应css框架”,请不要认为快切是渴切的延续 ,它们只不过是同出自一个母体,快切拥有渴切的一切特征,并且更优秀!
快切官网: http://kuai.qietu.com

当前论坛已经迁移到国内服务器:http://bbs.qietu.com

-----------------------------------------------------------------------------------


渴切是一个开源中文 (X)HTML/CSS 框架 ,前身是thinkcss。它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。

v2.2下载地址:http://pan.baidu.com/share/link?shareid=365115&uk=1244343711

官方网站:http://www.keqie.com

下载:http://download.keqie.com

模板:http://template.keqie.com

风格:http://theme.keqie.com

渴切css之重写

body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 
 * {}
 a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
 html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
 body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}

渴切css之清除浮动

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/

渴切css之ie6透明

/*png图片ie6下透明滤镜实现写法*/
 .pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

渴切css之透明度

.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性,所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } 

渴切css之固定不动

/* 兼容IE6的定位属性fixed,固定不动样式 */
 .fixed{
 	position:fixed; 
 	clip:rect(0 100% 100% 0);
 	_position:absolute;
 	
 	/* 底部 */
 	bottom:0px;
 	left:0px;
 	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
 	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
 	
 	/* 左侧 */
 	/*left:0px;*/
 	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
 	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
 }
 /* 解决固定层在IE6下闪的问题 */
 *html{
 	background-image:url(about:blank);
 	background-attachment:fixed;
 }
=======================================

渴切:是国内优秀的开源css框架。

渴切框架用途

渴切css开源框架是一款能够帮助快速切图的css衍生产品,实现原理是采用了官网的css重写,重写掉了所有不兼容浏览器的html标签的默认样 式,使之达到浏览器识别上的统一,其次规范了css命名,方便团队协作。还有定义了很多兼容的css样式属性,例如fix固定浮动样式,透明样式等等。是 前端开发人员简化开发的一个不错的产品。

渴切的来源

渴切的前身分别是QuickCSS,ThinkCSS,这两款分别是06年的产品,在08年更名至ThinkCSS,运营至今,是国内最早的css 开源框架产品。在2012年更正式收购keqie域名之后。将ThinkCSS再度改名为中文名称:渴切。QuickCSS和ThinkCSS依然保留存 在,只是版本已经不会再更新。

展开阅读全文

评论 (5)

加载中
好好做,先把官网和文档完善 渴切
2013/06/26 08:32
回复
举报
感觉网站做的很不好 渴切
2013/06/26 10:05
回复
举报
“国内开源前端框架的发起者和领导者”,NB吹的好响,看了下代码有待提高,“开源”、“中文”可以算,但“css框架”谈不上 渴切
2013/07/14 18:42
回复
举报
早看过了, 这次感觉提升不少 ! ie 6 7 8 我倒想试试 !! 渴切
2013/07/17 19:15
回复
举报
test 渴切
2013/08/25 10:51
回复
举报
更多评论
发表了资讯
2013/12/22 00:00

渴切开源中文响应 css3 框架 v3.3 发布

PS: 长期web项目开发中偶然发现 “宋体” 在 11px, 17px, 19px, 21px ,23px, 25px 会产生一点点的毛边。多了点黑体的柔滑。于是。。。 v3.3版本中默认采用17px大号宋体。以及19px,21px。。 里程碑意义的修改:由之前的调用方式 class="table bordered" 改为了 class="kq-table kq-table-bordered" 方式。好处是当你再dreamweaver中敲入 class="kq 的时候,即会弹出渴切定义的所有样式。 把原来 base.html , grid.html, icon.ht...

14
38
发表了资讯
2013/12/20 00:00

渴切发布 Ta.js 触摸幻灯片解决方案

ta.js"钽" 触摸式幻灯片解决方案ta取自touch(触摸)的首字母。 不傻瓜,但是很简洁灵活,最适合手机移动设备 用到了 jquery.mobile 的两个触摸事件 swipeleft 和 swiperight 一个幻灯片的基本 html 结构(简洁到不能在缩减的,最简写法) <div class="ta">       <div class="prev">         </div>     <div class="inner">           <ul>               <li><a href="#"><img src="img.jpg"...

21
75
发表了资讯
2013/10/21 00:00

渴切开源css框架发布metro扁平化风格

渴切开源(keqie.com)讯:为了应征广大网友的建议。渴切开源css框架发布了metro版,基于最新潮的扁平化UI风格。扁平化风格在原有框架 基础上删除了阴影,圆角,渐变等css3特效,代码更加的简洁。同时对网页组件的颜色进行了一些调配。以后每周二发布更新 预览地址:http://theme.keqie.com/metro/index.html 下载地址:http://www.keqie.com/thread-9383-1-1.html...

13
61
发表了资讯
2013/10/07 00:00

渴切发布视差滚动解决方案"镨" pa.js

渴切开源发布视差滚动解决方案"镨" pa.js。代码简约,快速上手。pa.js 取自视差滚动(parallax scrolling)视差英文单词的前两个字母。是一款简约视差滚动js解决方案,采用了灵活的html属性来自定义效果。不管你是不是js高手,你都可 以在一分钟内快速完成一个视差效果制作。 通过在html标签中引入before, after,speed,delay等属性。即可快速自定义视差滚动效果 引入pa.js插件,基于jquery开发,所以还需要引入jquery库文件 <s...

20
95
发表了资讯
2013/09/02 00:00

渴切发布ie6~ie8不兼容响应式解决方案 kr.js

渴切(keqie.com)讯:渴切响应css框架近日从框架剥离了 针对ie6~ie8不兼容响应解决方法源代码,该代码是渴切为了满足目前因为各种原因还不能丢弃ie6~ie8的用户人群,在此之前国内解决方案很少,不 得不参阅了国外大量的资料,例如960.gs的adapt.js 解决方案,以及国内etao网官方网站的处理方法,通过大量测试和对比,开发的一个最简洁有效的解决方案。本着开源的目的,我们干脆将开源进行到底,首个 将代码和思路剖析,推出了针...

11
65
发表了资讯
2013/08/28 00:00

渴切-响应 css 框架发布 v3.2 版本

渴切(keqie.com)讯:渴切国产响应css框架13年初推出收到了不少的好评和坏评,褒贬不一,不过近段时间好评明显增多。渴切-响应css框架发布v3.2版本,主要针对v3.1版本用户提出的几个反馈进行了如下调整: 抛弃了以往".one", ".two"等纯英文单词的栅格系统命名规则,采用了简单好书写的".col1", ".col2"的方式来替代,加上w3c本身有h1,h2,h3的命名方式,所以这种命名更接近于w3c原生态 新增了基于字体的图标样式类,图标可调整大...

16
28
发表了资讯
2013/08/11 00:00

渴切前端开发者论坛上线 首款响应式discuz论坛

渴切前端开发者论坛(http://bbs.keqie.com)上线 ,基于discuz x,并且通过css3多媒体响应技术进行了改造 ,简化了论坛的风格,让论坛实现了1200,960分辨率下的响应。 并且响应支持所有ie浏览器。是首款具有宽屏响应式功能的discuz论坛网站。 这意味着在窄屏下依然看到的是discuz默认960宽度界面,但是宽屏下的童鞋将看到的是1200宽的宽屏体验。改论坛的上线主要作为渴切-响应css框架的官方交流平台,同时也致力做为一个专业的...

0
3
发表了资讯
2013/07/20 00:00

渴切v3.1发布 新增ie6~ie8多媒体查询响应式支持

渴切-开源中文css框架 发布v3.1.0版 ,新增ie6, ie7 ,ie8 的多媒体响应式查询支持。彻底解决了ie6~ie8不支持响应的问题 ,真正做到了所有浏览器:ie6, ie7,ie8 ,ie9 ,firefox ,chrome ,safari, 遨游,360浏览器,欧朋浏览器 浏览始终如一 。同时更新优化了一些css细节,欢迎关注~欢迎转发~ 将有机会获得下个版本的优先体验机会哟~ http://t.cn/zO7CCH3 渴切始终致力于做一款兼容ie6的开源css产品 ,虽然兼容ie6难度很大,不过我们依...

16
28
发表了资讯
2013/07/14 00:00

渴切 v3.10 发布,解读万能的圆形类rounder

渴切-开源中文css框架v3.10发布,解读万能的圆形css类rounder , 通过css3属性把圆角功能赋予了rounder万能的圆角功能。 任何标签都可以试试:)可以让任何方形的图片或者方形的div模型立即变成圆形,更美观更柔和。 这只是采用了css3原生代码实现,虽然不是很高的技术,但是。。。 我想说,渴切开源css框架正是源于对细节的关注,将css3代码分类并做好封装也是一种微创新。 调用方法很简单: <img src="keqielogo.png" class="...

6
27
发表了资讯
2013/06/25 00:00

渴切-开源中文css框架 发布v3.0 beta版

渴切-开源中文css框架 发布v3.0 beta版 渴切css推出一年以来周围的声音一直褒贬不一。经常拿渴切 与 bootstrap 做比对。 反对的声音是渴切细节不够到位,并且给国产冠以山寨的名声。 支持的声音是 渴切兼容ie6浏览器,符合中国国情,避免了枯燥的跨浏览器兼容的烦恼。 总之。。。。 不管怎么样。。。 渴切v3.0 beta还是如期发布了,应使用者的要求新增了tooltip组件,popover组件,timeline时间轴组件,slider幻灯片组件,以及 ...

15
57
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
发表了问答
2013/07/24 09:36

bootstrap不兼容ie6肿么办,试试国产响应式css框架-渴切吧

渴切-开源中文css框架 发布v3.1.0版 ,新增ie6, ie7 ,ie8 的多媒体响应式查询支持。彻底解决了ie6~ie8不支持响应的问题 ,真正做到了所有浏览器浏览始终如一 。同时更新优化了一些css细节,欢迎关注~欢迎转发~ 将有机会获得下个版本的优先体验机会哟~ http://t.cn/zO7CCH3 同时ie6下会自动弹出升级提示 "亲~您还在使用十几年前的浏览器IE6,享受更棒的冲浪体验建议您更新 360安全浏览器"...

41
4
发表了问答
2012/11/10 15:17

渴切css能干什么,就几行CSS代码,就称为CSS框架?

渴切css能干什么,就几行CSS代码,就称为CSS框架?

9
0
发表了问答
2013/10/08 15:53

对popup弹出框的一点想法

目前渴切的popup弹出框,会去取href这个属性,这样就对调用有很多限制,而且只能使用id来查找元素。 新增一个专门用来连接元素的属性会不会好一点? 源码中popup的方法改成这样: $($(this).attr('rellink')).fadeIn().animate({'top':'60%'}); 像如下调用: <a href="###" class="button" rel="popup" rellink=".popup">点击我弹出POPUP窗口</a> 这样就可以使用jQuery的所有查找器了。 popup方法的改进: $(function(){   //定义...

1
1
发表了问答
2013/07/24 10:24

解读国产响应式css框架-渴切 如何解决ie6~ie8响应式问题

让ie6支持响应式目前网上最常用的方法是加载一个第三方的js插件支持 ,我看过了js 插件源代码,有一系列的正则匹配,严重影响效率,渴切响应css框架 这个不需要插件,也没有正则,通过的是最简洁的js 代码 核心代码片段解读 判断是ie浏览器时,调用渴切response响应式函数 if($.browser.msie) { responsive(); $(window).resize(function() { responsive(); }); } 响应式函...

2
6
发表了问答
2013/06/08 23:50

渴切-开源中文css框架新增timeline时间轴组件

PSD转HTML(p2h.cn)讯:渴切-开源中文css框架v3首个在框架中引进timeline时间轴组件。使用简单,命名规范。此举措是为 了满足渴切css用户的需要。同时使用渴切的用户在使用中遇到任何的问题,官网都会积极的给予响应,并且对于有建设性的意见给与采纳。一般采纳后的意见都 会在下一个版本中体验。 PS:渴切v3即将发布敬请留意! 什么是渴切? 渴切取自“Cutter”的谐音。翻译成中文是切割者的意思。它是一个开源中文 (X)HTML/CS...

3
5
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
5 评论
196 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部