blocks|key|4240356|text|CSS框架有点棘手，因为对我来说并不是真正的框架。它们只是预定义的类。但这不是你的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4240357|CSS框架非常适合模拟和连线框架。我不建议在活动站点上使用它们，因为它们会向标记中添加无意义的类。".span3“没有告诉我任何关于内容的内容，只有设计。|4240358|然而，蓝图确实有一些很酷的工具，可以帮助您将框架类和语义类结合起来。|4240359|我总是滚动我自己的CSS。|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|J|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|K|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|L|8|@]|9|@]|A|$]]]|H|$]]

CSS frameworks are a bit tricky because are not really frameworks to me. They are simply predefined classes. But, this is not your question.

CSS frameworks are great for mock-ups and wire-frames. I would not recommend using them on a live site because they add meaningless classes to your markup. ".span3" doen't tell me anything about the content, only the design.

However, blueprint does have some cool tools that help your combine its framework classes and your semantic ones once your done.

I always roll my own CSS.

blocks|key|4240462|text|只要避开它们，它们就是烦人的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4240463|尤其是这个。|4240464|*+{+margin:0;+padding:0;+}|code-block|syntax|javascript|4240465|我最大的抱怨是，如果您继承/维护使用重置和/或框架的站点，您必须学习该框架，然后才能修改站点。|4240466|当我添加一个h1标记时，我期望得到某些东西。大多数重置删除了所有的填充、边距、块等，这样h1标记就不再像默认的那样起作用了。所以我必须回到原点，把所有的东西加进去。|4240467|通常(根据我的经验)，那些不理解css的人会使用重置和框架，这会给那些这么做的人带来更多的工作。|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|T|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|U|8|@]|9|@]|A|$]]]|O|$]]

Just avoid them, they are nothing but annoying.

Especially this one.

<pre><code>* { margin:0; padding:0; }
</code></pre>

My biggest complaint is that if you inherit/maintain a site that uses a reset and/or a framework you must learn that framework before being able to modify the site.

When I add a h1 tag I expect certain things. Most resets take away all the padding, margin, block, etc. so that a h1 tag no longer acts as it should by default. So I have to go back and add everything that was there in the first place.

Generally (in my experience) its people who do not understand css that use the resets and frameworks, and it causes more work for the people who do.

blocks|key|5427127|text|我认为CSS框架提供的唯一服务是那些不太熟悉CSS的人的起点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|entityMap^0^^$0|@$1|2|3|4|5|6|7|C|8|@]|9|@]|A|$]]]|B|$]]

It is my opinion that the only service a CSS Framework provides is a starting point for those who are not very familiar with CSS.

blocks|key|5427223|text|我还建议使用Eric的reset.css，但我认为CSS“框架”对布局是有益的。蓝图、YUI网格和960网格可以帮助您实现一些高度复杂的布局，而无需自己编写css。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5427224|虽然前面已经提到了一些缺点，但是可以说在CMS的基础上构建一个网站，而不是滚动自定义代码，但是它们仍然是有用的，而且对于许多站点来说，所获得的好处超过了任何无关的css或性能问题。|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|E|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|F|8|@]|9|@]|A|$]]]|D|$]]

I also recommend using a reset.css from Eric Meyer, but I think that CSS "frameworks" can be beneficial for layout. Blueprint, YUI grid, and 960-grid can help you achieve some highly complicated layouts without writing the css yourself.

While there are drawbacks that have been mentioned, the same could be said about building a website off a CMS instead of rolling custom code for example, but they can still be useful and for many sites the benefits gained outweigh any extraneous css or performance issues.

blocks|key|5427406|text|我使用蓝图，用于CSS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5427407|5427408|正如上面每个人所说的，CSS是非常简单的。|5427409|然而，在现实中，您必须考虑平台。|5427410|使用CSS，呈现引擎增加了复杂性。|5427411|壁虎对WebKit对普雷托对三叉戟.谁想做那些事？|5427412|在这里，“框架”给你的是编写最有可能在所有浏览器上工作的布局的能力，所以你不用在谷歌上搜索‘WTF-am-i-+go+=--垃圾IE7古怪的补丁，或者类似的可笑的东西。|5427413|框架将完成您想要的90%25的布局，然后您以后总是可以添加自己的样式。|5427414|因此，要回答这个问题，我会说，选择任何一个框架，看看它是否适合你。只是有可能。然后你是黄金，你可以回到你真正想做的任何事情。如果没有，则使用css对其进行扩展，并更改不工作的内容。这样您就可以维护跨浏览器的好处，但仍然可以自定义。|5427415|作为一个小小的好处，如果你选择一个，并且一直使用它，然后生病，或者升职，必须培训你的接班人，你可以说：|5427416|“是的，我使用了框架ABC。文档在这里。代码在那里。训练结束。祝你好运。”|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|C|3|D|5|6|7|X|8|@]|9|@]|A|$]]|$1|E|3|F|5|6|7|Y|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|11|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|13|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|14|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|15|8|@]|9|@]|A|$]]]|U|$]]

I use blueprint, for CSS. 
CSS is, as everyone above says, really straightforward.

However, in reality, you have to consider the platform. 

With CSS the rendering engine adds to the complexity.

Gecko vs WebKit vs Presto vs Trident... who wants to do all that stuff? 

What a 'framework' gives you here, is the ability to write layouts that will most likely work on all browsers, so you wont have to go googling for the 'WTF-am-I-doing=-this-crap' IE 7 quirksmode fix, or something similarly ludicrous.

Frameworks will do 90% of the layout you want, and then you can always add in your own styles later. 

So, to answer the question, I'd say pick any framework and see if it works for you. It just might. Then you are golden, and can get back to whatever you actually wanted to do. If not, then extend it, using css and change what did not work. That way you maintain the cross browser benefit, but still can customize.

As a small benefit, if you pick one and use it all the time, and then are taken ill, or get promoted and have to train your successor, you can say:

"Yes, I used framework ABC. Docs are here. Code is there. Training over. Good luck."

blocks|key|5427459|text|它解决了你所有的需求。(这是基于裁剪的想法。)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5427460|唯一一本关于框架的书？http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp。(只是链接，因为它在这里是免费的和相关的。)|offset|length|entityMap|0|LINK|mutability|MUTABLE|url|http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp^0|0|B|20|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]]|F|$G|$5|H|I|J|A|$K|L]]]]

When it solves all your needs. (This is based on the idea of tailoring.)

From the only book on frameworks? <a href="http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp" rel="nofollow">http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp</a>. (Only linking because it's free and relevant here.)

What are the best practice scenarios for using a CSS framework? When is it better to "roll your own" CSS from scratch rather than using frameworks?

When should I use a CSS framework?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

使用CSS框架的最佳实践场景是什么？什么时候从零开始“滚动自己的”CSS比使用框架更好呢？

问我什么时候应该使用CSS框架？
EN

回答 6

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我什么时候应该使用CSS框架？EN

回答 6

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

Webmasters Stack Exchange用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我什么时候应该使用CSS框架？
EN