HTML_CSS » Шаблоны DLE

Верстка-Единицы измерения CSS

Единица измерения Обозначение
Высота буквы M текущего шрифта em
Высота буквы x текущего шрифта ex
Пикселы px
Пункты pt
Пики pc
Дюймы in
Миллиметры mm
Сантиметры cm

Теги: уроки html, уроки css, учебник html

Правила используются в таблицах стилей для особых нужд.

charset - Задает текстовую кодировку для внешней таблицы стилей.
@charset {Кодировка};
Пример:
@charset "windows-1251";
Может использоваться только во внешних таблицах стилей; должна быть первой строкой в файле.
Поддерживается IE начиная с 4.0

Теги: уроки html, уроки css, учебник html

Верстка-Псевдостили текста

Псевдостили применяются некоторым элементам текстовых абзацев, например, к первой строке абзаца или первой букве первой строки.

first-letter - применяется к первой букве первой строки абзаца. Может использоваться для создания буквиц.
{Задание стиля абзаца}:first-letter {Определение стиля};
Пример:
st:first-letter {font-size: 16pt;}

Теги: уроки html, уроки css, учебник html

Верстка-Псевдостили гиперссылок

Псевдостили применяются к гиперссылкам <A>.

active - применяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.
{Задание стиля гиперссылки}:active {Определение стиля};
Аналогичен атрибуту alink тега <BODY>.
Пример:
A:active {color: lime;}
ктивная гиперссылка будет ярко-зеленой.

Теги: уроки html, уроки css, учебник html

Верстка-Принтер

page-break-after - устанавливает, будет ли после текущего элемента при печати Web-страницы производиться прогон листа.
page-break-after: auto|always|empty string;
page-break-after: auto; - передает управление размещением информации на листе операционной системе (значение по умолчанию);
page-break-after: always; - заставляет принтер прогнать лист после печати текущего элемента страницы;
page-break-after: empty string; - запрещает принтеру делать это в любом случае.
Поддерживается IE начиная с 4.0

Теги: уроки html, уроки css, учебник html

Верстка-Классификации

display - определяет, как будет отображаться элемент.
display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;
display: inline; - (значение по умолчанию) заставляет элемент страницы вести себя как встроенный. При этом он располагается внутри текста, его позиция и размеры рассчитываются согласно позиции и размерам текста. Пример встроенного элемента - <I>;
display: block; - делает элемент страницы блочным. При этом его можно свободно позиционировать. Пример блочного элемента - <DIV>;

Теги: уроки html, уроки css, учебник html

Верстка-Границы элементов

border - задает все свойства границ элемента страницы в один прием. Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.
border: [{border-color}] [{border-style}] [{border-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0

Теги: уроки html, уроки css, учебник html