Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Ekzamen_WEB.doc
Скачиваний:
0
Добавлен:
26.01.2020
Размер:
216.58 Кб
Скачать

19 Составное свойство background. Пример.

Background Универсальное свойство background позволяет установить одновременно до пяти характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. В CSS3 допустимо указывать параметры сразу нескольких фонов, перечисляя их через запятую.

background: [background-attachment || background-color || background-image

|| background-position || background-repeat] | inherit

Свойство background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

background-color Определяет цвет фона элемента.

background_image Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.

background_position Задает начальное положение фонового изображения, установленного с помощью свойства background-image.

background_repeat Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image.

div {background: url(images/hand.png) repeat-y #fc0; /* Цвет фона,

путь к фоновому изображению и повторение фона по вертикали */ }

20 Свойства font_family, font_style. Пример.

font_family Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой. Если в имени шрифта содержатся пробелы, например, Trebuchet MS, оно должно заключаться в одинарные или двойные кавычки.

font-family: имя шрифта [, имя шрифта[, ...]] | inherit

serif — шрифты с засечками (антиквенные), типа Times;

sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;

cursive — курсивные шрифты;

fantasy — декоративные шрифты;

monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier).

h1 { font-family: Geneva, Arial, Helvetica, sans-serif; }

p {font-family: Georgia, 'Times New Roman', Times, serif;}

font_style Определяет начертание шрифта — обычное, курсивное или наклонное.

font-style: normal | italic | oblique | inherit

normal Обычное начертание текста.

Italic Курсивное начертание.

Oblique Наклонное начертание.

p { font-style: italic; /* Курсивное начертание */}

21 Свойства font-variant, font-weight. Пример.

font-variant Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.

font-variant: normal | small-caps | inherit

normal Оставляет регистр символов исходным, заданным по умолчанию.

small-caps Модифицирует все строчные символы как заглавные уменьшенного размера

h1 { font-variant: small-caps; /* Устанавливаем капитель для заголовка */ }

font-weight Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100.

font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900

Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное начертание, bolder — жирное начертание; lighter — светлое начертание, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.

h1 {font-weight: normal; /* Нормальное начертание */ }

.select { font-weight: 600; /* Жирное начертание */ }

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]