我需要一个CSS编辑器,将帮助我看到什么是适用的

我需要一个CSS编辑器,将帮助我看到什么是适用的,css,Css,我有点沮丧,因为我还没有找到一个CSS编辑器,我可以指向一个HTML网页,并看到应用的样式。最好能做到以下几点- 打开网页并将其视为在浏览器中。将鼠标悬停在不同区域上时,可以在工具的另一个区域中看到从何处应用的样式,即样式表或默认浏览器。在样式表中以交互方式编辑样式并将其保存到样式表的功能。Intellisense帮助编辑样式表 有这样的样式表编辑工具吗。我不在乎它是免费的还是付费的,我只想要这个功能。每个浏览器对CSS样式的解释都不同,特别是当我们谈论Internet Explorer时。所以

我有点沮丧,因为我还没有找到一个CSS编辑器,我可以指向一个HTML网页,并看到应用的样式。最好能做到以下几点- 打开网页并将其视为在浏览器中。将鼠标悬停在不同区域上时,可以在工具的另一个区域中看到从何处应用的样式,即样式表或默认浏览器。在样式表中以交互方式编辑样式并将其保存到样式表的功能。Intellisense帮助编辑样式表


有这样的样式表编辑工具吗。我不在乎它是免费的还是付费的,我只想要这个功能。

每个浏览器对CSS样式的解释都不同,特别是当我们谈论Internet Explorer时。所以不管怎样,使用这样的工具对你没有多大好处。您最好在不同的浏览器中测试代码,或者至少在对您的读者最重要的浏览器中测试代码。并利用他们的开发工具。FireFox上的FireBug,Chrome的内置代码检查器,IE的开发工具

您不需要特别的编辑器来快速查看样式是如何应用于元素以及在何处应用的。您可以使用大多数现代浏览器中内置的web开发人员工具

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

寻找一种叫做“检查工具”的东西。它通常由鼠标或搜索框图标表示。单击此按钮将允许您选择页面上的任何元素,并查看应用于该元素的CSS

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


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

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

转到任何网页,在chrome/IE/Firefox中打开开发人员工具。您要找的是FireBug。这包括Firefox,但chrome、Safari、Opera、Internet Explorer、,还有其他一些人用的奇怪的吗?CSS在不同的浏览器中是不同的浏览器上的大多数开发工具也允许您复制代码,然后您只需将其粘贴到正确的位置