工具箱 CSS Chris Coyier 于 2008年5月7日 DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度! 在 Tutorial Blog 上,我分享了我喜欢使用的“工具箱 CSS” 什么是工具箱 CSS? 工具箱 CSS 是样式信息,与任何特定网站都没有唯一的关系。它们是一些常用样式的集合,在任何 Web 项目中都可能很有用。您编写过多少次用于清除浮动的类?我想,太多了。工具箱 CSS 的理念是为这些“实用”样式包含一个单独的样式表。 在 Tutorial Blog 上查看文章 CSS 文件的直接链接
Tutorialblog 目前无法访问,但它已加载到我的 RSS 中。不错的工具箱 :) 我已经使用过其中的一些。确实很方便拥有一个工具箱! :)
很棒的东西,Chris!我喜欢你整理的“备忘单”之类的东西,这些东西在我们不断重做东西时似乎是如此必要,但我们很少花时间做这样的事情,而是选择每次重做时都抱怨。
感谢你的好东西!
使用像这样的通用类就像使用内联样式。
从可维护性的角度来看,两者之间没有区别
和
这是侵入性代码,W3C 绝对不推荐
如果您决定将所有 floatRight 更改为 Left,祝您好运。
请查看
http://www.w3.org/QA/Tips/goodclassnames
好的,代码标签似乎不起作用……
我的意思是……style=”float:right” 和 class=”floatRight” 之间
“如果您决定将所有 floatRight 更改为 Left,祝您好运。”
这并不理想,但用我的方法可以简单地翻转 CSS 中的浮动方向。如果我们像您建议的那样使用内联样式,则必须手动更改每个元素的样式。我同意有时内联样式很好,并且像“redborder”这样的类名很愚蠢,但浮动不是其中之一。
我必须同意 Yves 的观点,通过在 HTML 中使用描述位置或布局的 className,您破坏了 HTML 和 CSS 分离的核心原则。
但是,我认为作为设计师为自己采用标准的类命名系统以及标准的 CSS 代码段集合是一个好习惯。例如,对于菜单;
您有一个包含跨浏览器 CSS 的基本 CSS 文件,该文件将 UL.menu 格式化为可访问的链接菜单,然后您只需包含一个额外的 CSS 文件来添加颜色、字体和其他此类特定于站点的样式。如果您将来找到更好的方法来支持多个浏览器,只需更新您的基本 CSS 文件即可。
所以,我同意你的想法,只是不同意你的实际用法。
我同意 Chris 的观点。我更喜欢像“right”和“left”这样的名称作为基本内容(如浮动)的类名。这使事情更容易阅读,并且通常如果您必须进行查找和替换,这也不是什么大问题。
我浏览了你的 toolbox.css 文件,发现你有一行小错误(我不知道任何 css 解释器是否会遇到这个问题,但修复它总没有坏处)
a[href~=”.pdf]
但它应该是这样
a[href~=”.pdf“]
@xbakesx:谢谢。我在原始的 Tutorial Blog 文章中修复了这个问题,但忘记修复了实时示例。
样式扩展正在使用 IE 不支持的 CSS3 选择器^