The best way to optimize your CSS is to reduce the file size. There are a number of things you can do to accomplish this. You can reduce whitespace by placing styles on a single line.
Implement the following line of code:
body {background-color:#fff;color:#000;font-size:1.0em;font-family:Arial;}Instead of this:
body
{
background-color:#ffffff;
color:#000000;
font-size:1.0em;
font-family:Arial;
}You can use shorthand for many rules.
Implement the following line of code:
p {margin:10px 20px;}Instead of this:
p
{
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}It is also best to group similar styles as close together as possible and to combine duplicated styles wherever necessary.
Implement the following line of code:
p, ul {color:#efefef;}Instead of this:
p {color:#efefef;}
ul {color:#efefef;}