Специальные классы¶
Для минимизации CSS файла в стилях имеются так называемые специальные (или общие) классы, которые можно использовать как отдельно,
//Создание плавающего элемента
<div class="float-left">It's a floating block</div>
<div>It's a standard block</div>
так и совместно с обычными классами, в этом случае имена классов следует писать через пробел.
//Создание плавающего элемента на основе notice box'а
<div class="notice-box float-left">It's a floating block</div>
<div>It's a standard block</div>
Список специальных классов¶
input-text— используется для текстовых инпутов, при этом ширина элемента равна параметруsize.input-textarea— используется для текстовых областей, при этом ширина элемента равна параметруcols.input-textarea-long— используется для всех текстовых областей в формах заполнения, ширина задана через CSS.input-text-short— используется для инпутов типа Position, Amount и т.п. в формах заполнения и таблицах, ширина задана через CSS (30px).input-text-medium— используется для инпутов типа Price, Weight, Product Code и т.п. в формах заполнения.input-text-large— используется для инпутов типа Title, Name и т.п. в формах заполнения.hand— используется для того, чтобы курсор принял форму руки при наведении на элемент.nowrap— используется вместо параметра nowrap в таблицах, и чтобы слова не переносились на следующую строку.uppercase— все буквы в словах будут заглавными.lowercase— все буквы в словах будут строчными.strong— слово будет написано жирным шрифтом.small-note— будет использован шрифт более мелкий, чем основной, размер шрифта задается в CSS.error-text— шрифт красного цвета.solid-border— вокруг элемента будет прорисована рамка толщиной в 1рх.float-left— создается плавающий элемент, располагается слева, остальные эелементы обтекают его слева (относительно обтекающих элементов).float-right— создается плавающий элемент, располагается справа, остальные эелементы обтекают его справа (относительно обтекающих элементов).clear— задается родительскому блоку, если внутри него находятся только плавающие элементы, чтобы растянуть его на все пространство, занимаемое плавающими блоками.no-padding— обнуляется наследуемое или указанное в CSS свойствоpadding.no-margin— обнуляется наследуемое или указанное в CSS свойствоmargin.valign— элемент выравнивается по середине относительно базовой линии строки, в которой он находится.no-valign— элемент выравнивается относительно базовой линии строки, в которой он находится.checkbox— используется для выравнивания чекбоксов в таблицах и формах заполнения.radio— используется для выравнивания радиокнопок в таблицах и формах заполнения.no-items— используется для оформления блока, в котором выводится надпись о том, что какие-либо данные не найдены.center— используется для выравнивания текста и инлайновых элементов внутри блока по центру.right— используется для выравнивания текста и инлайновых элементов внутри блока справа.table-fixed— используется для присвоения таблице свойстваtable-layout: fixed;(в этом случае следует указывать ширину ячеек).scroll-x— создание горизонтального скроллинга.no-scroll— скроллинг не появится при переполнении блока.bullet-list— список с маркерами (по умолчанию все списки без маркеров).hidden— используется вместоstyle="display: none;", скрывает элемент.
