1

我正在尝试学习 css 属性关系。以我目前的知识，我敢说，大多数网页都是围绕着大约 30 个属性构建的，但是如何匹配它们才是让页面看起来更干净、功能更好、整体性更好的原因。给用户更好的体验。目前，我收到反馈，“唯一”的学习方法是结合经验和查看具有我想要的功能的网页上的实现示例，并尝试复制。我认为这太耗时了，对于想要开发可靠的 CSS 方法的人来说，这不是一个有效的工具。您是否/是否使用过类似于以下任何工具的工具来帮助您理解属性的交互以进行语义标记的基本操作？

当前具有 GUI 的工具可以快速反馈属性/元素操作：

  • JSFIDDLE : 一个在线平台，用于在一个窗口中查看 HTML、JS、CSS 和结果，允许公共共享代码。

  • Button Maker：图形按钮的动态 CSS/HTML 生成。

  • SourceTree：用于了解 Git、Mercurial 和 SVN 版本控制系统的存储库结构。

  • Eclipse：具有多个实现、代码和信息窗格的“桌面”组织的 IDE。

  • CodingBat：一个在线控制台，用于通过“片段”编码和查看不同传递参数的结果来学习 Python 或 Java。

  • Codeyear / CodeAcademy：一个在线 IDE，允许在多个结构化学习路径中进行“片段”编码和查看 CSS/HTML/JS/结果。

具体来说，我想了解基于位置的样式的关系，例如固定、浮动等。

4

1 回答 1

3

对我来说，最好的学习方式：想出你想做的事情。做了。通过找出哪些有效，哪些无效的过程。弄清楚如何解决它。修理它。惊讶于结果是多么糟糕。重复。

您不会通过查看独立示例来学习所有小技巧。通过“看”任何东西，你不会学到很多东西。去做吧。一旦你对正在发生的事情有了基本的了解，就可以做点什么。复制一些东西。耗时的？是的，当然……如果你这么说。经验随着时间而来。

复制别人的问题是你不知道他们经历的过程。他们为什么以某种方式做某事？甚至是对的吗？仅仅因为有人把它放在网上并不意味着它有任何好处。

那么具体来说，你想实现什么功能呢？谷歌，阅读人们做这件事的所有不同方式。找到一个你喜欢的，实施它。调整它。如果你不明白，那就去看看。

我认为当你试图找到一些东西时，你会从一件（相关的）事情到另一件事情，直到你忘记你最初的问题......当你需要提高生产力时，这很糟糕。在这里很好，你只想学习一切。

对于某些事情，有结构很重要。一旦你学习了基础知识，我认为拥有某种结构或系统只会让你慢下来。我喜欢去解决问题，边做边学。当我试图弄清楚一些事情时，除了记事本和 Chrome 之外，我什么都没有，并且打开了很多 Google 搜索结果选项卡。您不需要所有这些 GUI 工具。当然，他们可能会通过自动完成或错误警告使您的开发更快一些，但是您急什么？

不要花费太多时间来寻找完美的工具集，而您却永远无法找到您正在寻找这些工具的东西。去做就对了。

于 2012-06-22T18:02:30.993 回答