Связываемые стилиСвязываемые, или внешние, стили реализуют механизм для создания стилей, которые применяются ко всему Web-узлу. Создайте с помощью любого текстового редактора документ, содержащий только определения стилей, и сохраните его в файле с расширением *.css. Эти стили можно с одинаковым успехом применить как к одной, так и к тысячам Web-страниц. Добавьте ссылку на созданный файл стилей в раздел заголовка HTML-документа, в результате чего стили будут использоваться при отображении элементов этого документа. Теперь, если вы внесете изменения в файл стилей, эти изменения отразятся в каждом документе, который был связан с этим файлом. Раздел заголовка, содержащий ссылку на файл стилей, выглядит следующим образом: < html> < head> < title> Linked Style Sheet Example< /title> < link rel=" stylesheet" href=" mystyle_l.css" type=" text/css" >
< /head> < body> 3.6.4. Импортируемые стили и правило @import В настоящее время импортируемые стили поддерживаются не всеми браузерами, поэтому, применяя их, следует соблюдать осторожность. При импортировании стилей используется правило @import. Правило - это выражение, которое указывает браузеру на то, как следует отображать конкретный элемент или Web-страницу. Правило состоит из двух частей: селектора и декларации. Селектор идентифицирует, или выбирает элементы Web-страницы, на которые должно воздействовать правило. Декларация сообщает браузеру, как должны отображаться элементы, выбранные с помощью селектора. Правило @import сообщает браузеру, что файл стилей должен быть загружен с указанного адреса и использован в сочетании с текущими стилями. Правило @import задается в одном из следующих форматов: @import url(http: //www.yourwebsitename.com/styles/style1) или @import " http: //www.yourwebsitename.com/styles/style1" URL может быть либо абсолютным, либо относительным. Относительный URL указывается в том случае, если файл стилей находится на том же сервере, что и Web-страница. В приведенных выше примерах задан абсолютный URL. 4.1. Формати графічних файлів Web-сторінок Для розміщення в Інтернеті потрібно вибрати формат файла, в якому буде зберігатися графічне зображення. Незважаючи на те що сьогодні існують десятки різних графічних форматів, практично для оформлення документів HTML використовуються тільки два. Перший формат - це формат обміну графікою GIF (Graphics Interchange Format), другою - JPEG. Розглянемо особливості цих форматів, не заглиблюючись в неістотні технічні подробиці.
|
