我有点沮丧，因为我还没有找到一个可以指向 HTML 网页并查看应用样式的 CSS 编辑器。最好能够执行以下操作 - 打开网页并像在浏览器中一样查看它。当您将鼠标悬停在不同的区域上时，可以在工具的另一个区域中看到正在应用的样式，即样式表或默认浏览器。能够以交互方式编辑样式表中的样式并将其保存到样式表中。Intellisense 帮助编辑样式表。
有没有这样的样式表编辑工具。我不在乎它是免费的还是付费的产品，我只想要这个功能。
问问题
84 次
3 回答
1
您并不特别需要编辑器来快速查看样式是如何以及在何处应用于元素的。您可以使用大多数现代浏览器中内置的 Web 开发人员工具。
在任何浏览器中，按 F12 键，您将看到一个开发者面板。
寻找一种叫做“检查器工具”的东西。它通常由鼠标或搜索玻璃图标表示。单击此按钮将允许您选择页面上的任何元素并查看应用于它的 CSS。
或者，您可以右键单击页面上的任何元素，然后单击“检查元素”。这将打开带有所选元素的开发人员工具。
有了行号和样式信息，您可以直接在开发人员工具窗口中修改结果，然后转到您选择的 CSS 编辑器并应用更改。
于 2013-08-14T14:57:13.233 回答
1
我使用安装了 FireBug 插件的 FireFox 浏览器。您可以看到应用于每个 HTML 元素的确切级联，并直接在 FireBug 中对其进行编辑并立即查看结果。
于 2013-08-14T14:57:30.283 回答
0
每个浏览器对 CSS 样式的解释都不同，尤其是当我们谈论 Internet Explorer 时。所以无论如何使用这样的工具对你没有多大好处。您最好在不同的浏览器中测试代码，或者至少在对您的受众最重要的浏览器中进行测试。并利用他们的开发者工具。FireFox 上的 FireBug，Chrome 的内置代码检查器，IE 的开发者工具
于 2013-08-14T14:56:40.153 回答