Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Связываемые стили




Связываемые, или внешние, стили реализуют механизм для создания стилей, которые применяются ко всему 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. Розглянемо особливості цих форматів, не заглиблюючись в неістотні технічні подробиці.




Поделиться с друзьями:


Дата добавления: 2014-12-07; Просмотров: 341; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.008 сек.