10個輕量級、小型的CSS框架CSS框架

ajax 13年前發布 | 25K 次閱讀 CSS

CSS框架基于您目前的網頁設計項目的復雜性和功能要求,并不能只根據個人喜好大多數網頁設計師往往會這么做在這篇文章中,我們收集了10個輕量級,小型CSS框架希望您能喜歡!
</div>


1. 1 line CSS Grid Framework


This is the challenge of writing entire CSS layout system with one line CSS class.
1-line-CSS-Grid-Framework.jpg
Source


2. Tiny Fluid Grid


Tiny Fluid Grid ships with an index.html with demo code, and the grid.css containing the CSS for the grid you created.
Tiny-Fluid-Grid.jpg
Source


3. The 1KB CSS Grid


A simple, lightweight approach that doesn’t require a PhD.
The-1KB-CSS-Grid.jpg
Source


4. SenCSs


Stands for Sensible Standards CSS baseline, (pronounced “sense”). It supplies sensible styling for all repetitive parts of your CSS, and doesn’t force a lay-out system on you.
SenCSs.jpg
Source


5. FEM CSS Framework


A fixed layout, based on the 960.gs, but with a twist in its philosophy to make it more flexible and faster to play with boxes. It has only a 12 column grid, with the columns having 10px margin on each side, making a 20px gutter – giving some breathe between boxes.
FEM-CSS-Framework.jpg
Source


6. Elastic CSS Framework


A simple CSS frameworks, based on the printed layout techniques of 4 columns but with the capability to offer unlimited column combinations and capacity to make elastic, fixed or liquid layouts easily.
Elastic-CSS-Framework.jpg
Source


7. Baseline


Built with typographic standards in mind, Baseline makes it very easy to develop a website with a pleasing grid and good typography.
Baseline.jpg
Source


8. Atatonic CSS Framework


Works just like any other grid system, but with only about 10 lines of CSS and has its main focus on typography. The idea behind this project is to provide a solid, yet minimal, base to start every development project.
Atatonic-CSS-Framework.jpg
Source


9. The Square Grid


A simple CSS framework based on 35 equal-width columns. You can use the grid in a variety of columns: 18, 12, 9, 6, 4, 3, 2, with the total width of the grid is 994px – which the majority of modern monitors will support.
The-Square-Grid.jpg
Source


10. Less Framework 3


Has been built so that you design your default layout as normal, and then all additional layouts using inline media queries.
Less-Framework-3.jpg
Source

</div>

 

 本文由用戶 ajax 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!