Skip to content
springside edited this page Mar 2, 2012 · 7 revisions

#BluePrint CSS Framework

Blueprint CSS 提供了最基本的页面/表单 和 Layout能力。

##Layout控制 之前YUI CSS一层包一层,又container又component的太恐怖了,BluePrint简单的将页面设定为960px宽,然后平分了24格,你的div想要多少格,直接说就是了,然后还有.last,.append, .pretand top之类的

##定制化typography部分 Blueprint的typography有点管得太多了,最明显是一些颜色的部分,比如下面的Table部分

thead th {background:#c3d9ff;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}

还有对一些消息的css控制,如.error, {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;} 这里没做任何控制,只要class名是error就生效,像jquery-validate插件,会在出错时把input框搞成.error, 另外还有个span也搞成.error了。 所以我给这个.error加了个div的前缀来暂时规避。

返回参考手册

Clone this wiki locally