Файл стилей
CSS-файлstyle.css
содержит ряд классов, используемых движком. Их перечень смотрите ниже. Наименования классов пишутся так же, как они должны писаться в самом коде.Документ и его тело
BODY
– документ имеет тело, а тело, в свою очередь, имеет свойства. Все свойства пишутся в этот CSS-файл, и больше никуда. Это настройки стиля всего документа.Заголовки
Движок использует три типа заголовка:H1, .title
– основной заголовок страницы, этим заголовком, к примеру, сейчас написано «CSS-файл скина сайта».H2, .subtitle
– дополнительный заголовок страницы, им обозначают ссылки на материнские разделы.H3, .caption
– заголовок, используемый модулями движка для выделения блоков информации, а также пользователями при самостоятельном наполнении страниц.Используемое здесь спаривание классов (т.е. как вот выше записано H1 и title через запятую) нужно для использования в ссылках и пр.
Меню главное
Система имеет несколько типов меню, но на настоящий момент стандартизировано только одно меню – то, которое используется в боковой части страниц сайта. Это меню и называется главным. Для его оформления выделено два класса:.menu_main_caption
– оформление пунктов меню первого уровня..menu_main_item
– оформление пунктов меню второго уровня.Таблица
Иногда в странички требуется встравлять таблички. Через редактор пока это сделать можно только вручную, специальных функций никаких не предусмотрено, то есть придется вручную набивать при помощи table/tr/td, впрочем, это весьма несложно даже для чайников. НО! При этом табличка будет выглядеть кривоватенько, и специально для выхода из этой ситуевины мы ввели следующие классы:TABLE.content
,TD.content
,TR.content
,TH.content
, надо просто в каждом TD, TH и TABLE указывать class="content"
.Пример стилей уже есть на всех сайтах, проще использовать его, потому что в этом случае таблицы будут отображаться нормально во всех браузерах.
Формы
На любом сайте хоть одна форма, но есть. В нашем случае их намного больше, чем одна. Для форм мы предлагаем следующие классы:FORM
– здесь мы просто прописываем отступ от каймы снаружи и внутри по нулям, иначе в разных браузерах будет отображаться по разному, но в любом случае не так как надо..long
– стиль полей длинной длины;.short
– стиль полей укороченной длины.Да, да! Встречается у нас и такое, и длинные поля, и короткие поля :) Преимущественно эти классы используются в модулях движка. И еще мы рекомендовали бы объединить эти классы воедино, описать их свойства, а затем уже каждому классу в отдельности выставить нужную ширину.
[Не]важные замечания
На самом деле в CSS-файле встречается еще ряд классов, но они не стандартизированы и, возможно, будут удалены в будущем. Вот их список: .menu_top, .copy, .official, .link, .text, .block.Можно ли использовать в
style.css
свои классы? Конечно, можно! Мы тоже используем, например, на этом сайте есть класс CODE
:)Эта статья содержит лишь список классов с описаниями, писать что такое CSS и с чем его едят мы, пожалуй, пока не будем, да и без нас есть море информации на эту тему.