quickcss
/
started.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>新手上路 - 快切</title>
<meta name="keywords" content="快切,中文css框架,css框架,开源css框架,css框架下载"/>
<meta name="description" content="快切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。"/>
<meta name="author" content="快切 kuai.qietu.com">
<link rel="stylesheet" href="assets/css/quick.css">
<link rel="stylesheet" href="css/addons.css">
<!--[if ie 6]>
<link rel="stylesheet" href="assets/css/ie6.css">
<![endif]-->

<!--[if lt IE 9]>
<script src="assets/js/html5.js"></script>
<![endif]-->
<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/quick.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style type="text/css">
    #customer{
		Z-INDEX: 1; WIDTH: 80px; POSITION: absolute; height: 146px; background:#DBEFF9; padding:10px;
	}
</style>

<script>

</script>
</head>

<body>


<div class="naver">
	<div class="wrapper">
    	<div class="brand">
        	<a href="./index.html"><img src="imgs/logo.png"/></a>        </div>
    <div class="collapse"><span></span><span></span><span></span></div>
    	<div class="module">
        	<ul>
                <li>
                    <strong><a href="started.html" class="selected">入门</a></strong>                </li>
                <li>
                    <strong><a href="grid.html">12列栅格</a></strong>                </li>
                <li>
                    <strong><a href="base.html">基础css</a></strong>                </li>
                <li>
                    <strong><a href="widget.html">组件</a></strong>                </li>
                <li>
                    <strong><a href="javascript.html">javascript插件</a></strong>                </li>
                <li>
                    <strong><a href="icon.html">图标</a></strong>                </li>
            </ul>
        </div>
    <div class="sub"> <a href="http://kuai.qietu.com">前往官网</a> </div>
    </div>
</div>


<div class="heading">
  <div class="wrapper">
  	<h1>起步</h1>
    <h2>快切-开源中文css框架 提供的是一个可靠的基于HTML5的，并且已经兼容ie6，ie7，ie8，firefox等主流浏览器的一个可基于开发的一个css项目开发闭包。在实际前端开发（css排版等）的时候，需要拷贝 css, imgs ,js ,swf 文件到空白的项目文件夹里面，参照进行项目开发。</h2>
  </div>
</div>


<div class="wrapper">

    <div class="row">
    	<div class="col3">
        	<ul class="sidebar">
            <li class="selected">
            <a href="#what">什么是快切？</a></li>
            <li><a href="#download">下载</a></li>
            <li><a href="#files">文件结构目录</a></li>
            <li><a href="#template">正确加载</a></li>
            </ul>
        </div>
        <div class="col9">

        <div class="part" id="what">
        <div class="phead">重要说明</div>
          <div class="pbody">
          	 关于quick.css文件。为了更好的拆分框架的内容，让用户能够方便的使用框架的某一个部分。quick.css核心文件代码中利用了 <code>@import url(&quot;icon.css&quot;);</code>的方式进行了调用。所以在使用本框架之前，需要有一点点css功底，并且建议将quick.css源代码大致浏览一遍。          </div>
          </div>

          <div class="part" id="download">
		  <div class="phead">关于快切<small></small></div>
        	<div class="pbody">


                 <p>快切是切图网(www.qietu.com)推出的响应css框架。最早于09年推出第一个版本quickcss，经过数年的发展，取其中文意思，现更名为快切！</p>
        	</div>
            </div>

            <div class="part" id="files">

		  <div class="phead">文件结构<small>
            快切-开源中文css框架基于<a href="http://code.google.com/p/quickcss/">quickcss</a>代码核心。</small></div>
          <div class="pbody">
          	我们已经整理了所有的文件压缩组合成一两个文件。
       	    <pre> 快切-开源中文css框架/
	├── assets/css/
	│   ├── quick.css
	├── assets/js/
	│   ├── jquery.js
	│   ├── quick.js
	└── img/        </pre>
          </div>
          </div>

          <div class="part" id="template">
		  <div class="phead">正确的加载</div>
          <div class="pbody">
          	<pre>&lt;!DOCTYPE html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;meta charset=&quot;gb2312&quot; /&gt;<br>&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;<br>&lt;title&gt;快切-响应css框架&lt;/title&gt;
&lt;meta content=&quot;width=device-width,initial-scale=1&quot; name=&quot;viewport&quot;&gt;<br>&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/quick.css&quot;&gt;<br>&lt;link rel=&quot;stylesheet&quot; href=&quot;css/addon.css&quot;&gt;
&lt;!--[if lt IE 9]&gt;<br>&lt;script src=&quot;assets/js/html5.js&quot;&gt;&lt;/script&gt;<br>&lt;![endif]--&gt;
&lt;script src=&quot;assets/js/jquery.js&quot;&gt;&lt;/script&gt; <br>&lt;script src=&quot;assets/js/quick.js&quot;&gt;&lt;/script&gt; <br>&lt;/head&gt;
&lt;body&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</pre>
          </div>
          </div>

      </div>
    </div>
</div>

<div class="wrapper footer">
	<p>&copy; CopyRight 2002-2013, 快切 kuai.qietu.com, Inc.All Rights Reserved.<br/>
	代码基于<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow" target="_blank">Apache License v2.0</a>, 文档基于创作共享的 <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/" rel="nofollow" target="_blank">署名-非商业使用-相同方 式分享 2.5</a> 协议发布</p>
</div>


</body>
</html>