Структура CSS-кода

[workerbeeviii]

В общем, как я понял, никто CSS-код просто списком не пишет, а разделяют на блоки по каким-либо признакам. Например, сначала блок Structure, а потом еще что-то и т. д.

Пожалуйста, напишите в этой теме общепринятые (или хотя бы ваш вариант) названия блоков по порядку приоритетности. И по возможности максимальное количество блоков, которые вы можете вспомнить.

Edited December 11, 2011 by workerbeeviii

[Ялекс]

В общем, как я понял, никто CSS-код просто списком не пишет, а разделяют на блоки по каким-либо признакам. Например, сначала блок Structure, а потом еще что-то и т. д.

Пожалуйста, напишите в этой теме общепринятые (или хотя бы ваш вариант) названия блоков по порядку приоритетности. И по возможности максимальное количество блоков, которые вы можете вспомнить.

Стараюсь группировать блоки таким образом:

/* Глобальные стили, сбросы */
body, html { ... }
a { ... }
/* здесь перечислены _все_ элементы для которых необходимы стартовые стили */

/* Стили для единичных элементов, например стиль <b class="g-bigElement">...</b> */
.g-<name> {

}

/* Общие классы для блоков, которые применяются повторно */
.b-<block_name> {

}

/* #layout - главная обертка */
#layout {

}

/* #header */

/* #nav */

/* #middler */

/* #sidebar */

/* #footer */

/* ID остальных эл-ов */

UPD. Забыл добавить глобальные классы .g-, которые нельзя назвать блоками (стили для единичных элементов не связанных в структуры).

Edited December 11, 2011 by Ялекс

[workerbeeviii]

Ялекс, мдяя, у вас похоже авторский метод структурирования. А отдельные блоки для списков, форм не делаете?

[rus]

что-то типа того:

/* Clear
-----------------------------------------------------------------------------*/
{сброс стилей}

/* Header
-----------------------------------------------------------------------------*/
{шапка сайта}

/* Middle
-----------------------------------------------------------------------------*/
{контентная часть. хотя ее тоже можно разбить}

/* Sidebar Left
-----------------------------------------------------------------------------*/
{левый блок}

/* Sidebar Right
-----------------------------------------------------------------------------*/
{правый блок}

/* Footer
-----------------------------------------------------------------------------*/
{футер}

в принципе тоже самое что и у Ялекса )))

[Ялекс]

Ялекс, мдяя, у вас похоже авторский метод структурирования. А отдельные блоки для списков, форм не делаете?

Я улавливаю нотки сарказма… или мне показалось?

[ShumNo]

И у меня аналогичное представление стилей: сначала сброс, потом общие стили, а потом по структуре кода - шапка, контент, сайдбары, подвал, но увы когда стилевой файл становится, не то чтобы большим, но и не очень маленьким 50kb+ то приходится пользоваться поиском

[workerbeeviii]

Ялекс, мдяя, у вас похоже авторский метод структурирования. А отдельные блоки для списков, форм не делаете?

Я улавливаю нотки сарказма… или мне показалось?

Уверяю вас, ни капельки сарказма, только благодарности.