几周前，我分享了我的 CSS“顿悟”时刻，并请其他人也分享他们的时刻。 听到人们的这些时刻是什么，真是很有趣。 我并不惊讶地听到 CSS Zen Garden 经常被提及，因为对我来说，以及我相信无数其他人来说，那是一个巨大的启示。 令我惊讶的是，有很多人特别提到了浮动。 我正在考虑就此写一篇深入的文章，因为我认为我从未写过。
“……意识到你可以将盒子内容的样式与页面其余部分区分开来” – Rob Lang
“应该是在 2002 年或 2003 年，我想。 我在 CSS Zen Garden 中看到了 CSS 的强大功能及其令人惊叹的可能性。” – Oliver
“我的 CSS ‘顿悟’，尽管听起来很简单，但来自于理解浏览器首先应用其自身的样式，因此您应用的任何 CSS 基本上都会覆盖这些规则” – David Huntley
“我的第一次是安装 Firebug 的时候……” – Francisco
“……我弄清楚……块级元素和内联元素之间的区别……” – survivor
“……打开 html.css（Firefox CSS 文件）并意识到浏览器的工作原理。” – Tim Wright
“……意识到我可以将图像用于任何页面元素……” – Bob
“当我最终真正弄清楚如何在所有浏览器中让我的浮动元素按照我的意愿执行时。” – Lindsey
“对我来说，当我的头脑里出现了盒子模型时。” – liam
“……类似于哦，那就是 clear:both 的作用。” – V1
“我的顿悟时刻是意识到，在特定 div 上使用 position:relative 将允许你对该 div 内的任何元素使用 position:absolute……” – gaga
“意识到浮动元素的真正工作原理。突然间，使用表格进行布局显得如此 90 年代。” – Erik Brännström
“……我第一次发现我不必使用 javascript OnMouseOver。” – Jay
“理解存在“正常流”” – Serge
……弄清楚父级样式如何应用于子级…… – Heidi
对于那些自学网页设计/开发的人来说，我想补充一点，我的顿悟时刻是在两年前我发现 Firefox 并意识到它与 IE 不一样……
这确实有助于使开发过程正常进行……
……多个类！！
像 daniel 一样，多个类（input class=”bordr mndtry”）和子类，例如将 #menu 链接的样式与 #main 链接区分开来。
意识到我可以摆脱默认（难看的）链接样式并应用我自己的样式！
我的第一个“顿悟”时刻是在 2001 年发现 CSS 是将网站的内容/语义与其表示分离的方法。 我使用 Golive 构建了我的第一个网站，当我看到它生成的臃肿且低效的代码时，我简直不敢相信自己的眼睛。
我的第二个顿悟是——我相信对许多其他人来说也是如此——Zen Gardens：它们美丽而鼓舞人心的示例证明了它确实可以用 CSS 完成。 我更像是一个程序员而不是设计师，但我从中学到了很多东西。
顺便说一句：感谢 Chris 投入的时间和精力，使这个网站成为一个值得经常访问的地方。
此致,
Ed
我的 CSS “顿悟” 时刻发生在我下载了一个简单的侧边栏留言簿时。 我注意到它有一个漂亮的背景颜色（当时我知道如何做），让我了解 CSS 的是 .box { border: 1px solid #FFFFFF } 我迫切需要知道是什么产生了边框。
我的一个 CSS “顿悟” 时刻发生在我开始想象一个盒子，从顶部开始，顺时针流动；帮助我记住 CSS 简写值的顺序。
.class{margin:top right bottom left}
意识到你可以在事物上放置多个类……；)