CSS框架有什么意义？

Question

这些CSS框架有什么意义？我不明白他们.当我看到它们时,我看到的是无聊的布局,这些布局似乎过于难以适应您自己独特的设计.

是这样的,还是我在这里遗漏了一些东西？我指的是(一般的框架)像Blueprint,Less,Skeleton,960 Grid系统,Base,Gridless等等.

我知道这是一个非常简单的事情,但我只是不明白.我搜索过但没有发现任何可以帮助我理解重大事项的东西.当我看到他们的代码时,我看到的只是一团糟.遍布整个地方的奇怪的类和id名称.

(顺便说一句,这不是咆哮或抱怨,我真的不明白.)

Answer 1

CSS框架是预先准备好的软件框架,旨在使用层叠样式表语言实现更简单,更符合标准的Web设计.这些框架中的大多数至少包含一个网格.更多功能框架还具有更多功能和其他基于JavaScript的功能,但主要是面向设计和不引人注目.这将它们与功能和完整的JavaScript框架区分开来.- 维基百科

好处

• 他们可以帮助您学习CSS.您可能只是不知道如何实现可靠的多列布局.框架可能是让您了解CSS如何工作的好地方.
• 它们提供的代码每次都不需要从头开始编写,比如重置.我一直支持星形选择器(*)边距/填充复位是精细复位.我用它所有的时间.但是......如果你要开始一个重要的新项目,那将是大量的页面,可以存在多年,并且会随着时间的推移而增长,你应该立即投入更强大的重置.所有这些框架都以明确的重置开始,涵盖所有基础,并将在未来几年覆盖您.
• 它们减轻了跨浏览器的顾虑.你不能低估这一点.我们都觉得发现我们的网站在一些浏览器或另一个浏览器中被烧毁的时间非常不合时宜.框架旨在为所有浏览器带来魔力.
• 它可以帮助你养成良好的习惯.就像在项目中包含打印样式表一样.我总是打算建立一个,而且我经常这样做,但是如果我从一开始就有一个,我的机会要高得多.
• 他们鼓励基于网格的设计.这是件好事.网格并不意味着无聊!它们只是帮助您实现更好的
  可读性,可扫描性,平衡视觉重量,灵活性,
  可扩展性以及整体页面的整体性.
• 他们附带文件.如果您需要帮助入门,框架通常会附带一些支持文件.如果您正在设计一个将要交给客户的网站,这可能会特别好.您可以让他们知道您使用的框架,并将其引用到该文档以获取支持请求.
• 他们奠定了基础.如果你使用像YUI这样的东西,如果你使用All-YUI-Stuff-All-Time,你的生活会更容易.它旨在协同工作并为可扩展性而构建.

CSS-技巧

另见:CSS框架的比较