How to decrease CSS file Size?

Here are some ways to compress your css file size in case anyone was wondering.

Clean CSS Optimize and format your CSS using a variety of different compression settings. Fixes sloppy code and generates clean and concise CSS. http://www.cleancss.com/

CSS Compressor Compress CSS code to reduce file size and make your sites load faster for free. http://www.csscompressor.com/

Online JavaScript/CSS Compression Using YUI Compressor http://refresh-sf.com/yui/

Minify CSS – How to Minify CSS – Minify CSS – Minify CSS. Minification is the practice of removing unnecessary characters from code to reduce its size, thus improving load times. http://www.minifycss.com/

CSS Drive – CSS Compressor – Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. http://www.cssdrive.com/index.php/main/csscompressor

Do I need to decrease my css file size?
I guess the quick answer is yes, file size affects users loading times which will help users have better experience on your website and reduce their bandwidth usage especially if they are loading your website on a handheld device.

Some good code practices
instead of this

do this

Image by © Meg380 | Dreamstime Stock Photos