Каскадная таблица стилей CSS

Здравствуйте!
При изучении различных возможностей и фишек имеется ссылка на копирование и вставку в окно стилей CSS новых кодов. Но, в окне CSS уже имеется информация, код. Что делать, как добавлять новые коды? Нужно ли удалять тот, который имеется или как?
Я конешн прошу прощения, может мой вопрос покажется смешноватым, но хотелось бы понять, т.к. в данном деле новичок.
Спасибо заранее

Если старые коды не устарели, то удалять их не надо.

Например, у Вас уже есть настройки для выравнивания текста, а Вы хотите добавить еще настройки для цвета ссылок. В таком случае Вы просто добавляете новые коды ниже существующих.

Удалять следует только те настройки, которые потеряли актуальность. Например, Вы ставили в виджет какое-то меню и добавляли для него настройки в CSS, а потом меню надоело и Вы его убрали. В этом случае коды CSS, которые шли в комплекте с меню, тоже следует удалить, чтобы они не захламляли форум.

А добавлять ниже существующих с определенным количеством отступа?

Достаточно с новой строки.

Блин, да так же нагромождение кодов будет. А как в них потом разбираться, как отличить друг от друга, чтобы при необходимости удалять либо редактировать? Они же будут друг за другом идти, без остановки, разграничений и названий.

А что мешает подписать их ???

Леший совершенно прав — для CSS существуют комментарии. Записываются они так:

Код:

/* текст */

Пример использования:

Код:


/* отступ сверху */
body {
margin-top: 40px;
}

/* прозрачный фон тулбара */
#fa_toolbar, #fa_toolbar_hidden {
background-color: transparent !important;
}

/* убрать поиск */
#fa_search {
display: none !important;
}

/* убрать блок Поделиться */
#fa_share {
display: none !important;
}

/* левый закругленный угол */
#fa_left {
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
-moz-box-shadow: -1px 1px 5px #000000;
-webkit-box-shadow: -1px 1px 5px #000000;
box-shadow: -1px 1px 5px #000000;
padding-right: 10px;
}

/* правый закругленный угол */
#fa_right {
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
-moz-box-shadow: 1px 1px 5px #000000;
-webkit-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
padding-left: 10px;
}

/* выпадающие панели профиля и уведомлений */
#fa_menulist, #notif_list {
font-size: 12px !important;
margin-top: 3px !important;
border-color: transparent !important;
border-radius: 6px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-box-shadow: -1px 3px 5px #000000;
-webkit-box-shadow: -1px 3px 5px #000000;
box-shadow: -1px 3px 5px #000000;
background-color: #F2F6FA !important;
text-decoration: none !important;
}

/* полупрозрачные части тулбара */
#fa_left, #fa_right {
background: transparent url(http://i75.servimg.com/u/f75/16/54/26/99/vkwv10.png) repeat !important;
}

#fa_left a, #fa_right a {
text-decoration: none !important; 
}

li.see_all, li.see_all a {
background-color: transparent !important;
color: #666666 !important;
}

#fa_left, #fa_notifications, #fa_welcome {
text-shadow: 1px 1px 1px #666666 !important;
}

/* ссылки всплывающих панелей */
#fa_menulist a, #fa_menulist a:link, #fa_menulist a:visited, #notif_list a {
color: #666666 !important;
text-decoration: none !important;
}

/* ссылки всплывающих панелей при наведении */
#fa_menulist a:hover {
color: #BE0B12 !important;
}

/* подсвечивание заголовков профиля и уведомлений */
#fa_toolbar > #fa_right.notification > #fa_notifications, #fa_right.welcome #fa_menu #fa_welcome {
background-color: #828F99 !important;
color: white !important;
}

/* подсвечивание новых уведомлений */
#fa_notifications.unread #notif_unread {
color: #FA0E21;
margin-left: 5px;
font-weight: bold;
}

Спасибо, всё понятно