КАТЕГОРИИ:
Архитектура-(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)
Включаемые стили
Встраиваемые стили
Поддержка стилей
World Wide Web
Термин стиль определяет особенности отображения элементов, например начертание шрифта, цвет фона, цвет гипертекстовых ссылок, расположение объектов на Web-странице и т.д. Стили HTML-, XHTML- и XML-документов задаются с помощью каскадных листов стилей (CSS - Cascading Style Gheets). CSS предоставляют разработчику следующие возможности.
· Вместо того чтобы отдельно кодировать каждую Web-страницу, разработчик может создать один файл, содержащий листы стилей, и ссылаться на него из всех HTML-документов.
· Листы стилей обеспечивают дополнительную степень контроля над шрифтами, цветом фона и другими характеристиками, влияющими на отображение документа.
· Листы стилей позволяют достаточно быстро и просто изменять внешний вид Web-страниц.
· Объем документов уменьшается, соответственно уменьшается время их копирования.
Существует четыре способа использования листов стилей в HTML-документе: встраивание, включение, связывание и импортирование. В составе документа можно одновременно использовать различные типы листов стилей. При этом действуют правила каскади-рования: встраиваемые стили приоритетнее включаемых, включаемые стили приоритетнее связываемых и связываемые стили имеют преимущество перед импортируемыми.
Встраиваемые (inline) стили определяются в составе HTML-дескриптора и оказывают влияние только на этот дескриптор. Использование встраиваемых стилей предоставляет разработчику максимальный уровень контроля над особенностями отображения Web-страницы. Разработчик может задавать отдельные стили для каждого абзаца, заголовка, горизонтальной линии, ячейки таблицы и других элементов. Ниже приведен фрагмент кода, в котором встраиваемый стиль задается для дескриптора абзаца.
<p style="font: 13pt verdana"> Текст цього абзацу відображатиметься шрифтом verdana розміром 13 пунктів.</р>
Включаемые стили, которые также называют внутренними стилями, применяются ко всей Web-странице. Дескриптор <style> помещается в заголовок HTML-документа Стили определяются для различных типов HTML-документов. Так, например, вы можете задать отображение всех элементов <hl> серым цветом с использованием шрифта Verdana размером 14 пунктов (соответствующий код приведен ниже) Стиль будет применен к каждому элементу <hl> в составе данного документа. Если вы захотите, чтобы все заголовки первого уровня отображались другим цветом, вам достаточно изменить соответствующее свойство в определении стиля.
Как видно из приведенного ниже кода, внешний вид HTML-документа, в котором используются листы стилей, несколько отличается от документа, который соответствует традиционному стандарту HTML. В данном примере заданы цвет фона, цвет текста, шрифт для отображения заголовков H1, а также стили абзацев и гипертекстовых ссылок Заметьте, что для заголовка первого уровня <hl> указаны начертание и размер шрифта в пунктах. Это одна из дополнительных возможностей, предоставляемых CSS. Вы можете задавать размер не только в пунктах, но и в пикселях (рх), процентах
(75 percent) и сантиметрах (cm).
<html> <head>
<title>Использование включаемых листов стилей. Пример 1</title>
<style>
<!--
body{background:#FFFFFF;color:#000000;}
h1{font: 14pt verdana;color: #CCCCCC;}
P {font: 13pt times;}
A {color: #FF0000; text-decoration: none;}
-->
</style>
</head>
<body>
<h1>B. Шекспир. Перевод С. Маршака</h1>
Твоя душа противится свиданьям.<br>
Но ты скажи ей, как меня зовут.<br>
Меня прозвали <a href ="william.html ">"волей"</a>
иль <a href ="william.html">"желаньем"</a><br>
А воле есть в любой душе приют.<br><br>
Она твоей души наполнит недра<br>
Собой одной и множествами <a href =" william.html" > воль</a>.<br>
А в тех делах, где счет ведется щедро,<br>
Число "один" - не более чем ноль. <br><br>
</body>
</html>
|
|
Дата добавления: 2014-12-07; Просмотров: 398; Нарушение авторских прав?; Мы поможем в написании вашей работы!