渴切-開源中文css框架

渴切：是國內優秀的開源css框架。

渴切是一個開源中文 (X)HTML/CSS 框架 ,它的目的是減小你的css開發時間。它提供一個可靠的css基礎去建立你的項目,可以用於網站的快速設計,經過重設和重建瀏覽器標準，可讓每一個網站防 止枯燥的跨瀏覽器兼容性測試。你能夠將他理解成一套模板，裏面包含了大多數站點中所須要的那些css類。

渴切框架用途

渴切css開源框架是一款可以幫助快速切圖的css衍生產品，實現原理是採用了官網的css重寫，重寫掉了全部不兼容瀏覽器的html標籤的默認樣 式，使之達到瀏覽器識別上的統一，其次規範了css命名，方便團隊協做。還有定義了不少兼容的css樣式屬性，例如fix固定浮動樣式，透明樣式等等。是 前端開發人員簡化開發的一個不錯的產品。

渴切的來源

渴切的前身分別是QuickCSS，ThinkCSS，這兩款分別是06年的產品，在08年改名至ThinkCSS，運營至今，是國內最先的css 開源框架產品。在2012年更正式收購keqie域名以後。將ThinkCSS再度更名爲中文名稱：渴切。QuickCSS和ThinkCSS依然保留存 在，只是版本已經不會再更新。

官方網站：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;}