Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Konspekt_lektsy_VTiVD_old.doc
Скачиваний:
20
Добавлен:
21.11.2019
Размер:
11.34 Mб
Скачать

Импорт описания стилей

Импорт описателей стилей в некотором смысле составляет конкуренцию представленному выше указанию на внешний описатель стиля.

Импортировать стиль можно либо внутрь элемента STYLE, либо внутрь внешнего файла, который представляет собой описатель стиля. Оператор импорта стиля должен предшествовать всем прочим описателям стилей:

<STYLE>

@import:url(http://intuit.ru/style.css)

A { color:cyan;text-decoration:underline; }

</STYLE>

Импортируемый стиль можно переопределить либо через описатель элемента в STYLE, либо через атрибут элемента STYLE.

Поддержка свойств css различными браузерами

Свойства CSS

ПРИМЕЧАНИЯ

Internet Explorer

Opera7.5

Mozilla Firefox

Свойства шрифта элементов сайта

Цвет шрифта [color]

 

+

+

+

Размер шрифта [font-size]

 

+

+

+

Толщина символов [font-weight]

 

 

 

 

Начертание [font-family]

Если указать URL(file), то шрифт автоматически установится на компьютер пользователя

+

+

+

Наклон [font-style]

 

+

+

+

Подчеркивание [text-decoration]

Значение "blink" работает по- разному в различных браузерах

+

+

+

Расстояние между буквами [letter-spacing]

Доступны отрицательные значения

+

+

+

Межстрочный интервал

 

+

+

+

Заглавные буквы [font-variant]

По-разному отображаются в различных браузерах

+

+

+

Преобразование шрифта

 

+

+

+

Свойства фона и цвет элементов сайта

Цвет фона [background-color]

 

+

+

+

Фоновое изображение [background-image]

 

+

+

+

Прокручивание фона [background-attachment]

Значение "fixed;" работает только  с тегом <body>

+

+

+

Положение фонового изображения [background-position]

 

+

+

+

Повторение фонового изображения [background-repeat]

 

+

+

+

Положение фонового изображение по X

 

+

-

-

Положение фонового изображение по Y

 

+

-

-

Границы элементов сайта

Общее обрамление [border]

(Задает ширину, стиль и цвет всех четырех границ элемента одновременно)

+

+

-

Толщина обрамления [border-width]

 

+

+

+

Цвет обрамления [border-color]

 

+

+

+

Стиль обрамления [border-style]

 

+

+

+

Верхняя граница [border-top]

 

+

+

-

Нижняя граница [border-bottom]

 

+

+

-

Правая граница [border-right]

 

+

+

-

Левая граница [border-left]:

 

+

+

-

Позиционирование блоков (элементов) сайта

Внешние отступы [margin]

Доступны отрицательные значения

+

+

+

Тип контейнера [display]

 

+

+

+

Общая ширина [width]

 

+

+

+

Общая высота [height]

 

+

+

+

Метод позиционирования [position]

 

+

+

+

Выравнивание [float]

 

+

+

+

Смещения

Доступны отрицательные значения

+

+

+

Расположение [clear]

 

+

+

+

Координаты прямоугольника, в котором выводится содержимое элемента

Обычно применяется в области програм-мирования на Java Scripts

+

+

+

Поведение

 

+

+

+

Порядок вывода (наложения) элементов друг на друга [z-index]

Чем больше значение z-index, тем ближе к наблюдателю находится слой.

+

-

+

Расположение текста внутри элементов (блоков) сайта

Внутренний отступ [padding]

Значение работает в различных браузерах - по разному

+

+

+

Горизонтальное выравнивание текста [text-align]

 

+

+

+

Вертикальное выравнивание текста [vertical-align]

Обычно используется для вертикального выравнивания текста внутри  столбцов и ячеек таблиц, также работает для вертикального расположения маркеров (list-item) внутри блока

 

 

 

Смещение текста

 

+

+

+

Другие настройки элементов сайта

Маркер списка [list-style-type]

 

+

+

+

Маркер списка (изображение) [list-style-image]

 

+

+

+

Расположение маркеров

 

+

+

+

Обработка пробелов в элементах сайта

 

+

+

+

Вид курсора

Если указать URL(file), то возможно использовать любой Ваш курсор

+

+

-

Фильтры

Чтобы работало, бывает необходимо указать ширину и высоту объекта

+

-

-

Полосы прокрутки элементов сайта

Полосы прокрутки

Для того чтобы придать цвета основному скролу, установите соответствующие значения для тега <body>

+

-

-

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