NOTE: All layer names will follow the Layer Naming Rules:
PSD layer name:
My Layer Name
JS/CSS element name:
<link rel="stylesheet" type="text/css" href="mystyles.css" />
Once you add the link tag to your Custom HEAD, the Output will process the external CSS as normal in any website.
Using External CSS
Your CSS files can take-over any layer element in your PSD file. You can use CSS to control all visual aspects of your Output.
Eg. Assume you have a layer in your PSD named “Home Button”, you can use external CSS to take over the PSD element by using:
Virtual Scripts (Advanced)
web-templates, add a few Script Tags, and modify the code directly in Photoshop – for any project without linking additional files.