Модели областей. CSS-свойства презентация

и замещаемые элементы
Форматирование в строчном контексте
Свойство line-height — высота строки
Свойство vertical-align — вертикальное выравнивание
Форматы растровых изображений
Изображения в формате PNG

bdo, big, br, button, cite, code, del, dfn, em, i, img, input, ins, kbd, label, object, q, samp, select, small, span, strong, sub, sup, textarea, tt, var
Block: address, blockquote, del, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ins, ol, p, pre, table, ul
Без группы:
body, dd, dt, html, li (порождают блочные области)
caption, col, colgroup, head, legend, link, optgroup, option, param, style, tbody, td, tfoot, th, thead, title, tr

(block-level):
block (address, blockquote, body, div, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, ol, p, pre, ul)
list-item (li)
table (table)
Другие типы:
none (head)
run-in, inline-block, inline-table
table-cell (td, th), table-row (tr), table-row-group (tbody), table-header-group (thead), table-footer-group (tfoot), table-column (col), table-column-group (colgroup), table-caption (caption)

дочерних элементах (типы, количество, последовательность)
Элементы группы Inline не могут быть:
предками элементов группы Block,
дочерними по отношению к body (например: a, img)
Группа Flow = Block + Inline
Примеры:

рамка

margin — внешний отступ

padding — внутренний отступ

content — содержание

height

width

области (width, height, padding, margin и др.) рассчитываются относительно её контейнера
Для областей в нормальном потоке (position: static; или position: relative;) контейнер — поле содержания (content) области ближайшего блочного предка (display — block, list-item, table, table-cell и др.)
Для области корневого элемента (html) контейнер — область просмотра (viewport)

области)
проценты (относительно ширины контейнера, даже padding-top и padding-bottom)
отрицательные значения не применяются
margin — внешний отступ
em (1em = кегль шрифта текущей области)
проценты (относительно ширины контейнера, даже margin-top и margin-bottom)
допускаются отрицательные значения
auto — зависит от других свойств
вертикальные отступы перекрываются

8.

Описание работы:
http://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx

(1em = кегль шрифта текущей области), px и др.
проценты не применяются
стиль:
none, solid, double, dotted, dashed, ridge, groove, inset, outset
цвет:
по умолчанию принимает значение color
допускается значение transparent

30px 50px;

-o-border-radius: 10px 20px 30px 50px;
-ms-border-radius: 10px 20px 30px 50px;

таблиц (display: table-cell)
Область переполнения = content + padding
Значения:
visible
hidden
scroll
auto
Свойства overflow-x, overflow-y (CSS 3)

элемента
-origin: задание сетки

Фон элементов. background

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#000000')
}

Работа с тенями box-shadow