比较使用960 设计的网站和使用Blueprint设计的网站,在我看来,960 网站要清晰得多。
我不知道这是否是我正在查看的样本的巧合。
还是说960有什么更利于好的设计?
我个人认为主要区别在于学习曲线和灵活性。960 会让你做 960px 宽的网站,学习曲线非常低。观看此视频,您将在几分钟内完成您的网站设计:http: //net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/
蓝图更灵活。但仍然 960.gs 是我个人的偏好。
与 Chris Schmitz 一致,我更喜欢使用我自己的更语义化的类集,但这并不是说我不会偶尔深入研究框架。如果我确实使用了一个框架,那么我倾向于将其剥离为基本框架,并根据我所需的布局对其进行广泛定制。我知道这在某些方面违背了使用框架的目的,但它给了我两全其美的好处:知道它可以在大多数浏览器中工作,并且是语义化的,并且可以舒适地与我现有的代码放在一起。
就个人而言,我使用蓝图(如果我需要一个框架)。960 Grid 系统构建良好,但限制性很强。在定制蓝图方面获胜。
除了 Chris Schmitz 的帖子——当我使用蓝图 CSS 时,我总是有一个问题,我应该为一个 div 使用 2 个或多个类名吗
<div class="span-13 prepend-7 my-class-name">
.span-13 {width:510px;} // from blueprint
.prepend-7 {padding-left:280px;} // from blueprint
.my-class-name {font:, color: background}
或将其合并到一个类中
<div class="my-class-name">
.my-class-name {font:; color:; background:; width:510px; padding-left:280px;}
我总是选择第二个变体,
我也对此不满意(需要使用蓝图)重置蓝图中的代码
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height :1;margin-bottom:1em;}
为了避免在浏览器中出现任何差异,我总是在我的类中将蓝图值覆盖为零。my-class-name h1 {margin: 0px;}
所以,结论是——如果你不想拥有自己的风格和设计——>蓝图是你的选择