Любой код CSS состоит из трёх частей: селектор, параметр и аргумент.

#селектор {параметр: аргумент}

#селектор - это название элемента, который мы меняем в дизайне. Например: когда на форум в поле "Объявление" в администрировании мы что-то ставим и нажимаем "Показать объявление", на главной странице под юзер-ссылками появляется наш контент, а над ним слово "Объявление". Селектор этого самого слова выглядит так: #pun-announcement h2. Селектор всего блока объявления выглядит так: #pun-announcement .container и так далее...
параметр: - это то, что мы собираемся менять в нашем элементе. Это может быть цвет, шрифт, фон, выравнивание, границы и так далее.
аргумент - это значение параметра. Ты знаешь, как я хреново объясняю, поэтому сразу пример: у параметра шрифта аргумент будет заключаться в названии шрифта.
Конкретный пример:

#pun-announcement h2 {text-align: center;
text-transform: uppercase;
font-family: Arial;
font-size: 0.9em}

После каждого значения, кроме последнего, должна стоять точка с запятой, иначе код не будет работать.
text-align: center; - выравнивает заголовок "Объявление" по центру.
text-transform: uppercase; - делает все буквы заглавными.
font-family: Arial; - делает текст шрифтом Arial.
font-size: 0.9em; - делает текст уменьшенным, как 8px в форме ответа.
Можно придавать одни и те же параметры для нескольких элементов. Для этого достаточно записать селекторы через запятую.