我需要一个CSS编辑器来帮助我查看应用的内容

时间:2013-08-14 14:53:00

标签: css css3

我有些沮丧,因为我还没有找到一个CSS编辑器,我可以指向HTML网页并查看应用的样式。什么是好的是能够做到以下 - 打开一个网页,并将其视为在浏览器中。当您将鼠标悬停在不同区域时,请在工具的另一个区域中查看从哪里应用哪种样式,即样式表或默认浏览器。能够以交互方式编辑样式表中的样式并将其保存到样式表中。 Intellisense帮助编辑样式表。

那里有没有这样的样式表编辑工具。我不在乎它是免费的还是付费的产品我只是想要这种能力。

3 个答案:

答案 0 :(得分:1)

您并不特别需要编辑器来快速查看样式应用于元素的方式和位置。您可以使用内置于大多数现代浏览器中的Web开发人员工具。

在任何浏览器中,点击您的F12键,您将看到一个开发人员面板。

寻找称为“督察工具”的东西。它通常由鼠标或搜索玻璃图标表示。单击此按钮将允许您选择页面上的任何元素并查看应用于它的CSS。

或者,您可以右键单击页面上的任何元素,然后单击“检查元素”。这将打开带有所选元素的开发人员工具。

使用行号和样式信息,您可以直接在开发人员工具窗口中调整结果,然后转到您选择的CSS编辑器并应用更改。

答案 1 :(得分:1)

我使用安装了FireBug插件的FireFox浏览器。您可以看到应用于每个HTML元素的确切级联,并直接在FireBug中编辑它并立即查看结果。

答案 2 :(得分:0)

每个浏览器都会以不同的方式解释CSS样式,特别是如果我们谈论的是Internet Explorer。所以无论如何使用这样的工具对你来说不会太好。您最好在不同的浏览器中测试代码,或者至少是对您的受众最重要的浏览器。并利用他们的开发者工具。 FireFox上的FireBug,Chrome的内置代码检查器,IE的开发人员工具