渴切開源中文css框架
致渴切用戶一封信:經(jīng)過再三考量,我們決定關(guān)停渴切的一切更新,對于熱愛前端的朋友,我們向你推薦 “快切——響應(yīng)css框架”,請不要認(rèn)為快切是渴切的延續(xù) ,它們只不過是同出自一個母體,快切擁有渴切的一切特征,并且更優(yōu)秀!
快切官網(wǎng): http://kuai.qietu.com
當(dāng)前論壇已經(jīng)遷移到國內(nèi)服務(wù)器:http://bbs.qietu.com
-----------------------------------------------------------------------------------
渴切是一個開源中文 (X)HTML/CSS 框架 ,前身是thinkcss。它的目的是減少你的css開發(fā)時間。它提供一個可靠的css基礎(chǔ)去創(chuàng)建你的項目,能夠用于網(wǎng)站的快速設(shè)計,通過重設(shè)和重建瀏覽器標(biāo)準(zhǔn),可以讓每個網(wǎng)站防 止枯燥的跨瀏覽器兼容性測試。你可以將他理解成一套模板,里面包含了大多數(shù)站點中所需要的那些css類。他很小,只有四個文件而已。總共不到6KB。
v2.2下載地址:http://pan.baidu.com/share/link?shareid=365115&uk=1244343711
官方網(wǎng)站:http://www.keqie.com
風(fēng)格: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下透明濾鏡實現(xiàn)寫法*/
.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);*/
/* 左側(cè) */
/*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;
} =======================================
渴切:是國內(nèi)優(yōu)秀的開源css框架。
渴切框架用途
渴切css開源框架是一款能夠幫助快速切圖的css衍生產(chǎn)品,實現(xiàn)原理是采用了官網(wǎng)的css重寫,重寫掉了所有不兼容瀏覽器的html標(biāo)簽的默認(rèn)樣 式,使之達到瀏覽器識別上的統(tǒng)一,其次規(guī)范了css命名,方便團隊協(xié)作。還有定義了很多兼容的css樣式屬性,例如fix固定浮動樣式,透明樣式等等。是 前端開發(fā)人員簡化開發(fā)的一個不錯的產(chǎn)品。
渴切的來源
渴切的前身分別是QuickCSS,ThinkCSS,這兩款分別是06年的產(chǎn)品,在08年更名至ThinkCSS,運營至今,是國內(nèi)最早的css 開源框架產(chǎn)品。在2012年更正式收購keqie域名之后。將ThinkCSS再度改名為中文名稱:渴切。QuickCSS和ThinkCSS依然保留存 在,只是版本已經(jīng)不會再更新。
