你使用CSS框架吗?

你使用CSS框架吗?,css,frameworks,Css,Frameworks,如果是,哪一个?为什么? 若否,原因为何?如何修复跨浏览器CSS渲染 我目前使用blueprint css,我想知道这是否是一个好的选择。谢谢 :)我使用蓝图和框架。编写CSS又变得令人愉快了。:-) 我喜欢这些工具。那些家伙花在处理跨浏览器css上的时间肯定比我想的要多。我没有试过其他的。我使用雅虎的框架。这是我遇到的第一个,很容易理解。我刚刚看到了视频和备忘单,并让它发挥了作用。另外,雅虎在他们的一些网站上使用了它。我在一些地方使用了Blueprint css,并发现它非常有用。这是一项通过

如果是,哪一个?为什么? 若否,原因为何?如何修复跨浏览器CSS渲染

我目前使用blueprint css,我想知道这是否是一个好的选择。谢谢
:)

我使用蓝图和框架。编写CSS又变得令人愉快了。:-)

我喜欢这些工具。那些家伙花在处理跨浏览器css上的时间肯定比我想的要多。我没有试过其他的。

我使用雅虎的框架。这是我遇到的第一个,很容易理解。我刚刚看到了视频和备忘单,并让它发挥了作用。另外,雅虎在他们的一些网站上使用了它。

我在一些地方使用了Blueprint css,并发现它非常有用。

这是一项通过提供基于960像素宽度的常用尺寸来简化web开发工作流程的努力。有两种变体:12列和16列,可单独使用或串联使用


我更喜欢960.gs的流体版本:

不,我没有使用任何框架,只是一个经过深思熟虑的命名系统,我反复使用它,还有一个带有一些重置和一些基本样式的基本css

为什么我没有使用css框架

框架的使用通常假定设计者熟悉其约定,而事实往往并非如此——你不是设计页面的人,或者客户机有自己的设计者。即使不是这样,也总会有一些设计不适合960像素,或者只是尺寸均匀,所以你不能使用神奇的.span-4类

这就引出了下一点。命名不是语义的。从理论上讲,您可能希望一个框架能够简化大型站点的维护。但是,假设您必须对设计做一点小小的更改。这基本上意味着在所有涉及的模板视图中更改html。即使使用版本控制系统,这也是困难和危险的,因为回滚到单个css文件是一回事,回滚到100个视图是另一回事。所有这些都是因为input.span-19应该少5个像素。CSS框架-新的内联CSS

跨浏览器问题呢?无论您是否使用框架,这都不会改变。有些浏览器或操作系统具有某些特殊性。一句话——Internet Explorer仍将如此糟糕


CSS框架在纪律性方面非常突出,我必须对此给予赞扬,但最终都是关于编写代码的人。

Compass/Sass的组合非常棒,并且提供了几个插件,用于在没有非语义类名的情况下使用您选择的框架。在Compass之外,我总是发现框架限制太多,使用了太多的标记

我对Blueprint、960gs和YUI插件Compass也不感兴趣:它们最初是为使用额外的标记而构建的,没有充分利用Compass/Sass提供额外的灵活性。因此,我构建了“”——一个灵活的框架,构建于Compass/Sass的本地版本


无论您使用什么插件(或编写自己的插件),我强烈推荐Compass/Sass作为比额外标记更好的选项。

刚刚启动了一个使用960网格的项目。设计师很早就接受了这一点,并让它指导他的设计


我必须说,它要快得多。花更少的时间在实体模型上测量像素,询问设计师意图,并用CSS构建“页面模板”。花更多的时间来实现设计。

我创建了自己的类子集,我发现自己经常使用这些子集,这使我的工作速度更快,创建html布局更容易,而无需在许多类下重复相同的属性

例如,对于内联div,我有fl和fr类来表示左右浮动,对于流体宽度,我有20个宽度类。下面是我提到的通用样式表中的一些类。这对我很有用

.fl { display:inline; float:left;}
.fll { display:inline!important; float:left!important;}
.fr { display:inline; float:right}
.frr { display:inline!important; float:right!important;}
.ib { display: -moz-inline-block; display:inline-block;}
.clear { clear: both}
.none {display:none;}
.noni {display: none!important;}
.block {display:block;}
.blocki {display: block!important;}
.pointer {cursor: pointer !important;}
...
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
...
因此,这种技术当然不能作为框架的替代品,但如果您不想在您的风格和您之间有任何其他东西的话,这种方法就足够了:)

思南


在IE6及以下版本中,这是现代浏览器中使用的多类工作bug。请参见

我定期使用一些,我建议您查看一下

是一个响应迅速的css框架,适合1140px/960px/ipad/iphone,类似于960gs

是最流行的网格之一,提供了易于使用的类来布局页面

是一个流动的布局


希望这能有所帮助

我注意到对css框架的两个主要误解

首先,在软件开发中使用的框架概念(作为工具)和框架类型(如960gs)之间往往存在很多混淆

作为“一种抽象,在这种抽象中,提供通用功能的软件可以由用户代码选择性地更改,从而提供特定于应用程序的软件”

@vise说:“我没有使用任何框架,只是一个经过深思熟虑的命名系统,我反复使用,还有一个带有一些重置和一些基本样式的基本css。”这类似于说“我没有使用任何框架,只是一个框架。”这可能是某种语义上的讽刺。无意冒犯:)

Blueprint、960、compass等都是各种类型的框架。因为一些css框架可能没有语义或者缺乏某些可取的特性,这并不意味着css框架是个坏主意

第二个误解是css和css框架是互斥的。您可以手工编写css代码,也可以使用框架(带有一些自定义内容)。但是等一下。。。CSS不是一组默认元素吗?我们可以修改或扩展它们以满足我们的特定需求?根据维基百科的定义,CSS看起来像一个可疑的框架

当然,第二点是有争议的。但我经常发现人们在不知不觉中使用某种框架

为了回答你的问题,我倾向于使用和make之类的词。在我最新的项目中,我使用了这个