投票实际上提供了各种选项,包括多行和单行格式的不同选项。但我发现最有趣的是多行格式的绝对统治地位。
顺便说一句,我是一个 单行 格式爱好者。大多数多行格式的支持者都认为这种风格更容易阅读。我理解这一点,但对我来说,滚动变得很费力。我觉得我可以像快速扫描单行格式一样快速地扫描多行格式,并且可以在我的屏幕空间中看到更多内容。不过,选择最适合您的方式即可!
请记住,此投票是关于 格式,而不是关于如何组织选择器或如何分解 CSS,仅仅是关于如何排列选择器、括号、属性和值。这些其他内容可能会在以后的文章中进行探讨。
我会在侧边栏保留一段时间这个投票,直到发布新的投票,然后将其移至 存档。
嗨,很棒的投票结果!
我喜欢带缩进的单行格式,它更实用、更易读,而且没有很长的滚动,在较长的样式表中,滚动几乎是无止境的。
全程多行格式。使用支持代码折叠的编辑器,就能获得两者的最佳效果。
在阅读完所有评论后,我必须同意那些说这是一种个人偏好的人。我觉得无论哪种方式都很好,这取决于你的个人编码风格。
我个人更喜欢单行格式。虽然我几年前就开始学习多行格式,但我后来更喜欢单行格式,因为它对我来说是一种更快的编码方法。
我确实会保持代码的有序性和注释,以便后面的人可以理解,但我喜欢能够在屏幕上一次看到更多代码。我作为自由职业者或个人使用而构建的所有网站都使用单行格式编码。
然而,在工作中,我使用多行格式,以便于与我一起工作的人理解。我的同事更喜欢多行格式,他们占多数,而且两者之间并没有什么实质性的理由,我认为没有理由不放弃我的偏好。他们更喜欢多行格式,因为它更容易阅读(我说他们,因为我发现单行格式非常容易阅读)。
总之,每个人都有自己的喜好,只要确保代码编写得当即可=)
至于程序,我再次同意那些说它没有任何区别的人。我个人在代码视图中使用 Dreamweaver,因为我喜欢它将所有链接到单个页面的 CSS 文件堆叠在一起的方式,这样当我打开页面时,就可以访问页面使用的每个样式表。除此之外,我偶尔会使用 Espresso,并且我在 FireBug FF 窗口中编写大部分 CSS,然后将其复制粘贴过来,而无需任何软件支持。
结果很有趣,它引发的讨论更有趣,感谢 Chris 分享这些信息。
Matt Blasi
“多行”格式用于创建更易读的样式表……但是,有一个网站可以将您的 CSS 压缩成一行……这就是我通常的做法……这是一种好的做法吗?
在将 CSS 提供给前端时,始终压缩它。这样加载速度会快得多。
嗯……这听起来有点偏执……在大多数情况下,压缩 CSS 文件可以让你节省多少,3kb 的空白字符?
当然不是一个坏主意,但我认为它不值得大费周章;)
在繁忙的网站上,3kb 会迅速累积。
多么愚蠢的投票!
如果你是一位专业的 CSS 程序员,那么你应该使用像 Eclipse 这样的 CSS 编辑器。这将使你的代码自动变得漂亮,并使用多行格式。
在实际网站上,使用像 csstidy 这样的优化器来使代码更短更快。
“如果你是一位专业的 CSS 程序员,那么你应该使用 CSS 编辑器” – 意思是如果我不使用 CSS 编辑器,我就不是专业的 CSS 程序员?:)。我认为这几乎是每个人的代码编写风格,除非它易于阅读并且格式良好,即使是单行格式,也没问题。
你有没有尝试过 CSS 编辑器?
如果没有,请尝试 Eclipse/Aptana 或类似的工具。
– 它更快
– 代码错误更少
– 跨浏览器问题更少
– 更好、更漂亮的代码
– 始终与新的浏览器保持同步
– 更容易集成到 JS 脚本和 HTML 中
您可以在代码中使用大量注释,然后在发布的 CSS 代码中,一切都清晰简洁。
就是这样;-)
你是被这家公司付费到各个博客发布广告的吗?哈哈
我相信事实并非如此哈哈,无论语言、语法如何,Eclipse 都是一个很棒的 IDE,而且它是完全免费的,所以……
无论如何,我真的很想推荐尝试 Eclipse,它不仅提供了强大的错误检查、调试和日志记录工具,还允许您自定义格式的每个元素,以帮助您创建最适合您的格式。
总而言之,我必须同意,在发布时始终压缩代码是最佳实践,但我认为投票是关于您个人如何编写代码,而不是如何发布。
我个人使用多行-单行格式,并带开括号缩进,我为各种元素维护自己的行格式,例如:
#style(display, width, height, float 等等
(fon
什么?Aptana?Aptana 更快?比……手写还快,也许吧!
淡定,一个优秀的程序员即使使用记事本也可以编写出优秀的 CSS。
编辑器是一个帮助你的工具,而不是衡量程序员专业度的标准。
Daniel – 编辑器是一个帮助你的工具,而不是衡量程序员专业度的标准。
我完全同意这一点。我所有的工作都在 notepad++ 中完成,与使用 Dreamweaver 相比,我并没有遇到更多跨浏览器问题。
如果你编写专业的 CSS 代码,为什么需要编辑器?:s
CSS 并没有那么复杂(假设你称自己为专业人士,并且你确实对 CSS 很有经验)。我赞赏 CSS 编辑器,因为(根据我的经验,不一定非得是 Eclipse),它们确实提供了一种更不容易出错的方法,但我认为它不是决定什么是专业人士的标准。有时,在程序中点击来点击去比手工编写并自己测试要花费更长的时间。
正如我的老板过去常说,注重细节非常重要。
@Stephanie Chung:同意你的观点,专业人士必须使用专业的编辑器……但并不是编辑器让用户成为专业人士!!
而且,专业的编码人员即使用手在纸上写也可以编写出优秀的 CSS!
说使用 Eclipse 可以“减少跨浏览器问题”简直是愚蠢。
“- 代码错误更少”
“- 跨浏览器问题更少”
“- 更好、更漂亮的代码”
“- 始终与新的浏览器保持同步”
“- 更容易集成到 JS 脚本和 HTML 中”
你在说什么?!你真是个滑稽的人。非常有趣的评论:D
大多数时候,我在 Firefox 的开发者扩展中编写代码。
您可以在任何 CSS 编辑器中编写代码。
Eclipse 是一个很棒的工具。
多么愚蠢的评论!
您的 CSS 技能水平与您选择用来编写它的软件无关。
哇,这个帖子开头的评论完全是无知且可笑的。
我喜欢认为我编写 HTML/CSS 的速度很快且组织良好,而且我实际上从未遇到过需要解决的大规模跨浏览器问题。被绑定到特定的程序来编写代码是如此受限。
如果你想缩短你的 CSS,有很多工具可以压缩它。它实际上只是删除了空格。我可以为你编写一个脚本……而且我不需要特定的编辑器来做到这一点 ;-)。
不专业的行为是在论坛上侮辱几乎每个读者。
非常有趣的结果。不知道多行格式会如此占据主导地位。
就我个人而言,我是多行格式的粉丝,从一开始就是这样。
“从一开始……”
我认为这就是多行格式如此占主导地位的原因,因为在教程和书籍中,它是最常展示的。在书籍或教程的上下文中,以这种方式呈现代码更容易。模仿学习 =)。这就是我多年来一直在做的事情,所以没有冒犯的意思。
也许是因为 Dreamweaver 用户确实使用了 CSS 规则定义窗口。
是的!我正在浏览这个评论列表,我打算提出这个确切的观点。我就是那些猴子之一……我从一本书中学到了 CSS,我学习的那本书展示了如何进行多行缩进,所以……这就是我习惯做的事情……我可能会尝试其他方法,但你知道他们是怎么说老狗学新把戏的……
多行不仅仅是舒适度的问题。它使代码保持井井有条,并且你总可以在实时服务器上进行压缩。如果你足够聪明,可以使用 Firebug 进行调试,那么你就不必担心扫描代码以查找特定的类或 ID。
但我认为这里更大的要点是,不必非此即彼。对我来说,当只有 3 个或更少的属性时,使用多行格式没有意义。但如果更多,我会使用它。
对我来说也是一样,基本上我使用多行是因为我的显示器是 17 英寸的 CRT 显示器。
尝试使用单行和这些 ·&$!|@#,你最终会上下滚动……哈哈
我认为你在某种程度上是对的。
我使用多行是因为每本书和教程都是这样做的,而且并非错误——对于单个 CSS 代码片段,多行可能更容易阅读。
但我最近转换为单行,并将所有属性按字母顺序排列。它使任何不是微型样式表变得超级容易阅读!!
如果你真的讨厌水平滚动,只需在你的编辑器中打开自动换行功能。
作为补充……我在学校学习的所有 PL/I、Pascal、C 等编程都要求我们使用多行格式并进行大量注释。对我来说,这是最大的影响因素。
此外,对我来说,阅读所有单行代码就像看到整个屏幕都是图标一样。大海捞针。没有流程……
我使用单行编写,然后在网站上线时进行压缩。
所以,我猜我输了?;)
我使用多行,但这是我最初学习的方式,所以我有所偏见。我想这最终归结为个人喜好。
我也使用“多行”——但现在,我总是使用没有实际结构的单行(例如字母顺序等)。
我不认为这对我来说是更多工作,所以我将继续这样做:)。
是内联而不是单行。一样的东西,开玩笑:)
只是想同意关于“没有实际结构”的部分。在编码时保持结构需要更多时间,为了什么?我不会为每个属性编写 100 行 CSS 代码,我可以找到我想要的那 10 行非结构化 CSS 代码。
一直使用单行
#id { }
过去是多行格式,但它变得非常冗长,很难浏览所有 ID 和类
我过去使用多行格式,但后来我看到了光明和真相,并切换到按字母顺序缩进的单行格式。总有一天,你们所有使用多行格式的人都会看到自己错误的方式,就像我一样。
放松!我开玩笑!(可惜,关于字母顺序排序不是开玩笑。是的,我是一个极客。)
使用任何适合你的方式。一旦你压缩它,它看起来都一样(即一大堆无法阅读的混乱)。
我是一个自由职业者,但也为亚特兰大的一家大型数字公司工作。虽然我猜我可以接受单行格式的“可扫描性”论点,但我发现它更难以维护,尤其是在多开发人员的环境中。
如果你自己一个人,那就使用任何你喜欢的格式。但是当多个开发人员一起工作时,使用单行格式就会变成一团糟。
至于无尽的滚动,我通常只是搜索我想要查找的内容,通常是基于 FireBug 给我的行号。这没什么大不了的。此外,你无论如何都应该将你的 CSS 注释成相关的逻辑块。
我当然可以接受合作方面的论点。
还有“一团糟”是一个很棒的短语,应该更多地使用。
我完全同意你们的观点,只需使用多行格式(个人喜好),并在页面加载时进行压缩。
做“任何你喜欢的事情”,但在网站加载时保持轻量级和简洁。
在每个编辑器中,只需搜索元素、ID、类或任何内容并进行编辑。无论如何,我更喜欢纵向滚动而不是横向滚动。横向滚动在每个 IDE、网站、应用程序等中都让我感到不安
我使用多行是因为我可耻地从 firebug 中复制粘贴 :P
我建议使用 Firefox 的 webdeveloper 工具栏。它有一个很棒的 CSS 编辑解决方案。
在开始网站的一部分时,我使用多行代码,这样更容易阅读。完成后,我会将其更改为单行,这样我就不必向下滚动到我将要处理的较新部分。
我做的是相反的……开发时使用单行,完成后切换到多行。这样,在开发期间更容易保持井然有序,并且在未来的开发周期中更容易供其他人阅读和维护。至少我现在是这样做的……
我同意 Chris Coyier 关于书籍示例的观点。
我使用多行格式,我在团队中工作,我的大多数同事都喜欢使用多行格式 :)
我将单行格式用于常见的 CSS 需求。例如布局结构、字体样式和重置。保持简短、简单易读 :)
我只使用多行格式,但我认为如果我的屏幕更宽,我会考虑使用单行格式。就目前而言(我当前的分辨率是 1024×768,而且我通常不会最大化窗口),如果我尝试使用单行格式,我最终需要进行大量水平滚动,这似乎会抵消单行格式的任何优势。
我非常喜欢单行格式的外观,但如果我正在寻找一个特定的参数,我很难在一行中扫描以准确找到我想要查找的内容。所以在实践中,我是一个多行格式的爱好者。
无论如何,我不会做太多滚动——我通常使用搜索/查找在文件中导航。:)
“我觉得我可以像快速扫描单行格式一样快速,并且在我的屏幕空间中拥有更多可用内容。”
你知道有很多 CSS 编辑器可以显示你的代码,同时还会显示所有“行标题”的列表吗?(不知道用英语怎么说)
初学者从多行样式编写的 CSS 中学习……一旦他们开始构建更大的 CSS 文件并发现永远滚动很糟糕,他们最终会转向单行格式。
@LEE——我同意!
永远使用单行!
我以前喜欢用多行格式,因为我觉得这样更紧凑易读。而且,我的第一个网站是在Geocities上创建的,当时我就是这么学的。哈哈 :)
但现在,尤其是在看了你的一些屏幕录制教程之后,我发誓要坚持使用单行格式和简写代码。所有内容都更容易浏览。
此外,制表符也不再被破坏了。;)
我个人更喜欢多行格式,但这仅仅是个人偏好。我发现,与单行CSS相比,对多行CSS进行差异/比较要容易得多。
两个“基于工具”的原因,让我不相信单行格式“更容易扫描”的说法
#1 当在Firebug中检查元素时,它会告诉你CSS文件以及你正在检查的选择器的精确行号。非常容易跳转到文本编辑器中的该特定行。
#2 如果你在使用CSSEdit中的“分组”功能,那么扫描多行和单行实际上没有太大区别。
但归根结底,还是要看哪种方式最适合你个人和/或团队。当然,这两种方法都有其优缺点。
@Chris 我想下一个讨论主题可以是声明块内属性的排序(按字母顺序等)。这是我的偏好。
我两种格式都用。
对于一些简单的规则,我使用单行格式,而对于复杂或连续的CSS结构,我更喜欢多行格式。
我开始编写CSS时没有使用任何特定的编辑器……然后……我一直更喜欢多行样式!!
它阅读起来更快 :)
……但当我考虑部署大型CSS以进行优化时……如果单行真的可以节省很多KB……那么就用单行部署它们
哎呀!
“但对我来说,滚动起来很费劲” 赞同。
使用一些好的颜色进行颜色编码,在单行格式中扫描它们确实很容易。因此,在我看来,可读性并不差。
我开始将一些小的代码片段转换为单行,但如果我的CSS规则超过5个,我必须将其转换为多行才能阅读。
真的。你讨厌滚动吗?你是否出于同样的原因将你的JavaScript也写成单行?
虽然实际上我可以切换到单行,因为我在CSS中添加了带有注释的章节标题,用于从顶部到HTML底部的部分。
哦,我使用gedit、notepad2和smultron(取决于操作系统),所以我不使用IDE。
我有点犹豫。有时我使用单行,有时我使用多行,但大多数时候使用多行。虽然对于相关的样式,比如高度和宽度,我几乎总是使用单行。
我最近开始使用两种格式的组合。总的来说,我使用多行,但在每个选择器中,我将相关的属性分组到单行上,所以最终会得到这样的东西
#id {
哎呀,Tab+空格=发布。抱歉重复发布,但我想完成我的示例。
#id{
margin:0px; padding:0px;
position:relative; left:-13px;
font-size:12pt; text-decoration:none;
width:80%; height:12em;
}
它将滚动减少了一半,但仍然保持了我喜欢的组织方式。
再次抱歉重复发布
我一开始使用单行格式,但受不了。单行是我在编程初期养成的坏习惯,为了自卫,我不得不改掉它。
只有在代码非常短小以至于无关紧要的时候,它才更清晰。而且,你很容易说服自己,你编写并理解的东西是可读的,即使其他人会对此感到困惑。至于滚动,即使是记事本也有搜索功能,你用的是什么?
作为一个程序员,我必须说多行。那些将多条指令放在同一行的人,除了处理琐碎的代码之外,都应该被枪毙。
在CSS中,什么被认为是琐碎的,什么不是?
在我看来,“琐碎”是指只有一条CSS语句(例如float:right;)。两条或更多条就不再琐碎。
太棒了!
谢谢!
滚动有什么大不了的?任何编辑器都应该允许你跳转到指定的行号。
我对于某些条目使用多行格式,对于其他条目使用单行格式。有时我会缩进;有时我不会。这取决于哪种方式使特定条目最易读以及我当天的心情。我认为两者都同样可用,而且我并没有有意识地意识到我正在查看哪一种。它们都是代码。
终身使用单行。这使得在代码行之间切换时,滚动次数最少。我最初学习的是多行格式,但一旦我真正习惯了在所有方向上移动光标(使用命令),单行格式就更有意义了。另一方面,作为TextMate用户,我知道我的朋友使用查找或Command+L(用于行号)来跳转到不同的行。我想这完全是个人偏好,我的决定已经做出了。
关于反对多行格式的费力滚动论点,像TextMate这样的好的代码编辑器可以通过提供快速的标签浏览器和书签来消除滚动需求。
我一开始使用多行格式,因为我来自Java编程,但过了一段时间,我受到其他网页设计师代码的启发,切换到单行格式。从那时起,我就没有再想切换回多行格式。
我尝试过单行格式一段时间,实际上又切换回了多行格式。我遇到的问题是,文本要么换行,我发现为了保持组织,我必须添加另一个空格,这会导致更多的滚动,要么我不让它换行,我必须向右滚动。
如果我的CSS中的元素具有3个以上的属性,我将使用多行格式。否则,使用单行格式。
当然,如果我不断切换来切换去可能会很烦人,但对我来说它很有效(
如果你使用无效的属性或值,许多浏览器会给出该行的行号。这是编写多行格式的另一个很好的理由。
如果你有一个可以折叠代码块的编辑器,滚动论点(这似乎是唯一的论点)就消失了。
Chris,你是如何将CSS-Tricks的论坛与WordPress集成的?你能否指点我任何教程或正确的教程?谢谢
这是一个关于将phpbb集成到您自己网站中的不错的教程。
http://www.youtube.com/user/phpacademy
我认为这是个人选择,通常如果我使用了一种方式,我会认为其他方式很糟糕,但这不对,因为每个人都做最适合自己的事情。Chris关于“猴子看猴子做”的说法是对的,但无论哪种方式适合你都很好,不应该有一种通用的正确CSS格式,最好的格式是最适合你的那个。顺便说一下,我使用多行样式,不仅用于CSS,还用于其他任何东西,对我来说,这是最易读的方式。
在开始使用多行格式编写CSS之前,我最终发现用单行格式排列选择器更容易。
多行格式更容易阅读,但在阅读更多代码行时,单行格式更容易。
我认为这取决于编码人员,但你的投票结果非常有参考价值。
我总是使用多行格式。
我想说单行格式更容易阅读和维护……但这只是我个人的看法。感谢你进行这个有趣的投票!
我刚开始学习网页编码,发现自己两种方式都用… 但是滚动真的很麻烦,所以我可能要切换到单行编码了。
我以前用多行,但因为不想一直滚动,所以我喜欢单行,所以现在两种方式都用,就像这样
#divid {
margin:0; padding:0px; 等等
}
通常使用Dreamweaver并复制其样式的人会使用多行代码,这些人通常也会用长格式的CSS。
专业人士使用单行和简写CSS。
我一直使用多行代码。我认为它更简洁。
然后我参与了一个代码量巨大的网站项目,它的代码格式是单行。一开始我并没有注意到,但后来我意识到,如果它是多行代码,我的工作将有多么困难。
从那时起,我决定从长远来看,将所有内容都组合成一行比拥有无尽的文本墙更简洁。
单行!
有谁知道Dreamweaver是否有选项可以将默认的多行代码折叠成单行代码吗?很多时候我会从示例或其他开发人员的工作中复制CSS,它们都是多行代码,我更喜欢不用手动将其转换为单行代码。