| Справочник по CSS | ||||
|---|---|---|---|---|
| Оформление текста | ||||
| Свойства | Их возможные значения | Назначение | Примеры | |
| Color
цвет текста |
словом или числом | позволяют менять цвет текста непосредственно по месту | №1-01 №1-02 №1-02-a №1-02-b | |
| font-family
шрифт |
словом или числом | семейство начертаний шрифта(гарнитура) | №1-03, №1-04, №1-05, №1-06, | |
| font-style
начертание |
словом или числом | прямое начертание или курсив | №1-07, №1-08, | |
| font-weight
начертание |
словом или числом | "усиление"(насыщенность) шрифта, "жирность" букв; | №1-09, | |
| font-size
шрифт |
Задается в пикселях(px) и типографских пунктах(pt) | размер шрифта(кегль) | №1-10, №1-11, №1-12, №1-13, №1-14, №1-15, №1-16, №1-17, №1-18, №1-19, | |
| font-variant
начертание |
словом или числом | вариант начертания (обычный или мелкими буквами - капитель) | №1-20, №1-21, | |
| letter-spacing
Межбуквенные расстояния |
Задается типографских пунктах(pt) | строку можно либо уплотнить, либо разрядить | №1-22, №1-23, | |
| line-height
Межстрочное расстояние |
Задается типографских пунктах(pt) | задает расстояние не между строками, а между базовыми линиями строк; применяется in-line картинка, которая встроена в тело документа при помощи элемента IMG | №1-24, №1-25, №1-26, №1-27, №1-28, | |
| text-align
Выравнивание |
Задается словом | По умолчанию все слова в параграфе прижаты влево; может быть выравнен правый край параграфа или блока текста, и даже оба края вместе, можно центрировать | №1-29, №1-30, №1-31, | |
| text-indent
отступ в первой строке параграфа |
Задается в типографских пунктах(pt) | горизонтальный отступ в первой строке параграфа | №1-32, №1-33, | |
| text-transform
преобразования шрифта |
Задается словом | первод всех "больших" и "маленьких" букв в большие, или, наоборот, получение одних строчных. | №1-34, №1-35, №1-36, | |
| text-decoration
преобразования шрифта |
Задается словом | подчеркивание, перечеркивание или надчеркивание слов | №1-37, №1-38, №1-39, | |
| list-style-type
Форма "пулек" |
Задается словом | в качестве "пульки" используют квадрат или другой символ типографского набора, а также графическую картинку | №1-40, №1-41, №1-42, №1-43-a, №1-43-b, №1-43, №1-44, №1-45, | |
| list-style-image
"Пульки"-картинки |
У "пульки" есть URL для обращения к ней. | придется "пульку" нарисовать самому и в виде графического файла разместить на Web-узле. | №1-46, №1-47, | |
| background-color
Цвет фона текста |
Задается словом или в | позволяют менять цвет фона текста непосредственно по месту | №1-48, №1-49, №1-50, №1-51, | |
| border-color
цвет границы блока |
Может задаваться как мнемоникой (red), так и в нотации RGB(#003366). | позволяет определять цвет границы текстового блока | №1-52, №1-53, №1-54, | |
| border-top-width
ширина верхн границы блока |
Задается в пикселах | позволяет управлять шириной верхней границы текстового блока | №1-55, | |
| border-bottom-width
ширина нижней границы блока |
Задается в пикселах | позволяет управлять шириной нижней границы текстового блока | №1-56, | |
| border-left-width
ширина левой границы блока |
Задается в пикселах | позволяет управлять шириной левой границы текстового блока | №1-57, | |
| border-right-width
ширина правой границы блока |
Задается в пикселах | позволяет управлять шириной правой границы текстового блока | №1-58, | |
| border-width
ширина границы блока |
Задается в пикселах | Задается в том случае, если ширина границы блока одинаковая по всему периметру блока | №1-59 | |
| border-style
тип линии границы блока |
Задается словом | может быть задан для каждой из границ блока | №1-60 , №1-61 , №1-62 , №1-63 , №1-64 | |
| padding
набивка |
Задается в пикселах | Расстояние от границы блочного элемента до границы вложенного в него блочного элемента | №1-65 , №1-66 , №1-67 , №1-68 , №1-69 | |
| margin
отступы |
Задается в пикселах | Отступ от "набивки" внешнего блочного элемента до границы вложенного элемента | №1-70 , №1-71 , №1-72 , №1-73 , №1-74 | |
| float
Обтекание блока текста |
Задается словом | "Плавающий" текстовый блок позволяет реализовать возможность обтекания этого блока текстом | №1-75 , №1-76 , №1-77 | |
| clear
управление обтеканием |
Задается словом | Он запрещает наличие плавающих блоков около блока текста. | №1-78 | |
| position
позиционирование |
Задается словом | Размещение блочных элементов (элементы разметки могут "наезжать" друг на друга,при этом можно менять порядок "наезда" - "перекладывать" слои; слои можно проявлять) | №1-79 , №1-80 | |
| position:absolute
абсолютные координаты |
Задается словом | применяется когда либо все содержание страницы должно быть доступно без скроллинга ("прокрутки"), либо для организации всплывающих меню | №1-81 , №1-82 | |
| position:relative
относительные координаты |
Задается словом | позволяет разместить блоки на странице в координатах охватывающего их блока | №1-83 , №1-84 | |
| z-index
порядок наложен блоков |
Задается словом | блоки - это прямоугольные карточки, которые лежат на поверхности, перекрывая друг друга | №1-85 | |
| clip
Область видимости блока |
Задается словом | Можно показать только часть блока | №1-86 | |
| visibility
Управление видимостью |
Задается словом | Он позволяет "проявлять" или прятать информацию на HTML-странице | №1-87 | |