Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间

Blueprint 是一个 CSS 框架，它的目的是减少你的css开发时间

Blueprint CSS Framework Readme

Welcome to Blueprint! This is a CSS framework designed to cut down on your CSS development time. It gives you a solid foundation to build your own CSS on. Here are some of the features BP provides out-of-the-box:

An easily customizable gridSensible default typographyA typographic baselinePerfected browser CSS resetA stylesheet for printingPowerful scripts for customizationAbsolutely no bloat!

Project Info

Web: http://blueprintcss.orgSource: http://github.com/joshuaclayton/blueprint-cssWiki: http://github.com/joshuaclayton/blueprint-css/wikis/homeBug/Feature Tracking: http://blueprintcss.lighthouseapp.com

Setup Instructions

Here’s how you set up Blueprint on your site.

Upload the “blueprint” folder in this folder to your server, and place it in whatever folder you’d like. A good choice would be your CSS folder.Add the following three lines to every of your site. Make sure the three href paths are correct (here, BP is in my CSS folder): Remember to include trailing slashes (" />") in these lines if you’re using XHTML.For development, add the .showgrid class to any container or column to see the underlying grid. Check out the plugins directory for more advanced functionality.

Tutorials

How to customize BP with the compressor scriptHow to use a grid in a layoutHow to use a baseline in your typography

Files in Blueprint

The framework has a few files you should check out. Every file in the src directory contains lots of (hopefully) clarifying comments.

Compressed files (these go in the HTML):

blueprint/screen.cssblueprint/print.cssblueprint/ie.css

Source files:

blueprint/src/reset.css This file resets CSS values that browsers tend to set for you.blueprint/src/grid.css This file sets up the grid (it’s true). It has a lot of classes you apply to