Home

Awesome

quickLayout.css - layout a page fast beyond imagination!

By using this CSS, construct web pages will be as faster as rocket!

Introduction

In fact, the name of the CSS library is <code>quick-layout.css</code> or <code>quick_layout.css</code>.

This CSS is based on <a href="http://github.com/mrmrs/colors">mrmrs/colors</a> and <a href="https://github.com/zhangxinxu/zxx.lib.css">zhangxinxu/zxx.lib.css</a> projects.

Custom

Click <a href="http://www.zhangxinxu.com/sp/quicklayout/">here</a>. You can choose the color or connector you like.

Fit for

USER: experienced CSS developer<br> SCENE: Demo, API document, Interactive prototypes, Internal pages and so on.

Note

  1. Please put this CSS at the end of all CSS to make quickLayout more powerful.
  2. Do not use CSS selector as <code>.a > .b</code> or <code>.a + .b</code>, just <code>.a</code>, <code>.b</code>.
  3. The core of the component(Datapicker, Tab, Navigation, Autocompleter, ...) should't use any CSS of quickLayout.

Detail

Click <a href="http://www.zhangxinxu.com/wordpress/?p=4022">here</a> to get more information.

License

under MIT License

<br><br><br><br>

/------------------------EN---------divide/分隔----------CH---------------------------/ <br><br><br>

quickLayout.css - 快速布局，超乎想象!

使用这里的CSS, 写页面的速度就像是坐上了火箭！

简介

事实上，此CSS的名称是<code>quick-layout.css</code> 或者 <code>quick_layout.css</code>. 这里是统称。

该CSS基于<a href="http://github.com/mrmrs/colors">mrmrs/colors</a> 和 <a href="https://github.com/zhangxinxu/zxx.lib.css">zhangxinxu/zxx.lib.css</a>这两个开源项目。

自定义

点击<a href="http://www.zhangxinxu.com/sp/quicklayout/">这里</a>。您可以定制您喜欢的皮肤颜色以及选择器连接符。

适用于

用户：适用于有经验的CSS开发制作人员。<br> 场景：Demo演示页面，API文档页面、交互原型页面，内网页面等。如果您想用在对外项目上，<a href="https://github.com/zhangxinxu/zxx.lib.css">zhangxinxu/zxx.lib.css</a>更适合——当作强力辅助催化剂^_^。

注意事项

  1. CSS务必放在所有CSS的最后，以发挥最大的功效；
  2. 命名不要采用类似<code>.a > .b</code> 或 <code>.a + .b</code>, 直接<code>.a</code>, <code>.b</code>.
  3. 一些组件（导航、时间选择器、选项卡等）的核心部分切勿使用任何quickLayout的CSS, 包括皮肤。

更多信息

点击<a href="http://www.zhangxinxu.com/wordpress/?p=4022">这里</a>获得更多信息。

许可证

采用MIT许可证