css: how to combine multiple stylesheets into one

Question

Does anyone know on how to combine multiple stylesheets into one? For example I have

<link rel="stylesheet" type="text/css" href="abc.css" />
<link rel="stylesheet" type="text/css" href="efg.css" />
<link rel="stylesheet" type="text/css" href="hij.css" />

in mysite.html. How can I combine the above 3 stylesheets into one?

thank you.

Answer 1

You can combine your css files using YUI Compresser, that combines CSS and minimizes code and is good for performance.

Take a look here, for Combining CSS files into one.