YUI Grids CSS是最著名的CSS框架之一,是由Yahoo開發小組開發而成。
基本介紹
- 中文名:布局的思想:使用 “負 技術
- 外文名:margin(Negative Margins)”
YUI Grids CSS為開發者提供了預先設定的四種不同頁面寬度,六種不同的模板。
有國外作者曾指出YUI Grids CSS中最值得學習的格線布局CSS寫法:
1、負Margin技術
2、使用度量單位em
3、清除布局的浮動
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
Supports easy customization of the width for fixed-width layouts.
Flexible in response to user initiated font-size adjustments.
Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
Layouts less than 100% are automatically centered.
Accommodates IAB's Ad Unit Guidelines for common ad dimensions.
Offers full A-grade browser support.