What tools can be used to conveniently preview and modify php and css? how can this problem be solved?

Which of the following tools can be used to conveniently preview and modify php and css... I hope you can advise that the previous web pages are built locally in the php environment, and then you can use notepad ++ to edit php, and then create a new css preview. use chrome's F12 to review the elements. It seems no inconvenience... However, you need to enable css every time you want to modify the style. what tools can be used to conveniently preview and modify php and css?
Some idiots... Hope you can give me some advice.

Previously, the php environment was built locally on the webpage, and then the php was Edited using notepad ++, and a new css style was created.
For preview, use chrome's F12 review element.
It seems no inconvenience... But each time you want to modify the style, you need to open the css and find the line, and then modify...

So the question is, is there a more convenient way? Can you directly preview, visualize, or even navigate directly from the div to the corresponding css?

Thank you!

------ Solution --------------------
Only Eclipse-PHP provides the functionality that you can see. no tool can operate PHP graphically, because PHP must run on the server.
------ Solution --------------------
You can use ie8 to have F12, or use DevToolBar and IEDOM.

Firebug for firefox


------ Solution --------------------

Is CSS so difficult to debug?