Не будем впадать в подробности для чего нужен CSS (ссылка в Википедии) , а сразу перейдем к делу. На сегодняшний день много онлайн ресурсов предлагаю свои инструменты для работы с CSS , вот некоторае из них .
Grid Designer
http://s15.radikal.ru/i189/1007/d2/a6d5c6d482bbt.jpg

Grid Designer позволяет быстро создать шаблон для сложного сеточного дизайна.

============================================================================

YAML Builder

http://s50.radikal.ru/i127/1007/ea/4da3db4324fct.jpg

YAML Builder инструмент для визуального создания шаблонов CSS на основе YAML. Позволяет устанавливать базовые характеристики шаблона, такие как количество и положение колонок контекста. Также дает возможность динамического создание сеточных шаблонов с помощью помещения вложенных шаблонов на основе технологии drag&drop.

============================================================================

Drawter

http://s003.radikal.ru/i203/1007/e6/026ff9a1d4a9t.jpg

Drawter Beta 2 позволяет буквально рисовать код. Очень полезный и удобный инструмент, который работает в любых браузерах. Каждый тэг представляется как слой в рисунке.

============================================================================

Blueprint Grid CSS Generator

http://s58.radikal.ru/i160/1007/e3/1aedb88194d6t.jpg

Данный инструмент позволяет быстро сгенерировать файлы grid.css, compressed.css и grid.png для фреймворка Blueprint. Нравятся ли Вам использовать 8, 10, 16 или 24 колонок в Вашем дизайне, данный генератор позволяет свободно работать с Blueprint.

============================================================================

Format CSS

http://s43.radikal.ru/i099/1007/8c/d915c3b1c12bt.jpg

Данный инструмент предназначен для форматирования кода CSS в соответствии с выбранными установками.

============================================================================

CSS Type Set

http://s60.radikal.ru/i168/1007/0b/3c4fc169dbd1t.jpg

CSS Type Set позволяет ввести текст и затем экспериментировать с различными установками, таким как шрифт, размер шрифта, цвет и сразу видеть результат изменений на экране.

============================================================================

Clean CSS

http://i079.radikal.ru/1007/7e/2057d6a7a116t.jpg

CleanCSS форматирует и оптимизирует код CSS. Он берет Ваш код CSS и делает его более чистым и лаконичным.

============================================================================

Через 30 мин вернусь закончю топик , sorry :)