What It Does
Stylesheet Panel assists you in transforming a web design layout from Photoshop to CSS and HTML. It creates a new panel in Adobe Photoshop that displays the CSS styles of your currently selected layer. You can then easily copy the CSS and use it.
It saves your work of having to manually inspect the layer properties and extract the corresponding CSS values like background-color, text-family, font-size, text-shadow etc.
Besides this CSS generation, Stylesheet Panel has the simple but very useful extra feature of extracting, cropping and trimming the selected layers to a new PNG/JPEG file. This enables you to quickly generate the images you need for your website (icons, graphical elements etc) from the main Photoshop file.