Создание стилей

Дата добавления: 2015-07-09; просмотров: 505; Нарушение авторских прав

Для любого элемента страницы можно создать стиль. Стили позволяют изменять свойства элементов в соответствии с желаниями разработчика.

Давайте рассмотрим механизм, с помощью которого стили присваиваются элементам Webстраниц. Самый простой случай присвоения какому-либо элементу определенного стиля выглядит так: НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение; }

Где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTMLтега (H1, P, TD, A и т. д.), а параметры в фигурных скобках – список свойств элемента и присвоенных им значений. Примеры использования стилей смотрите в описании тегов <style>, <link>.

Примеры:

Стиль заголовка 2 уровня:

H2 {font-family: Verdana, Arial Cyr, Arial;

font-weight: bold;

font-size: 14pt;

color: black;

margin-left: 20%;

margin-top: 1cm;

text-align: left;}

Стиль параграфа

P {font-family: Times New Roman, serif;

color: #000000;

margin-left: 15%;

margin-right: 15%;

margin-top: 1pt;

margin-bottom: 1pt;

text-indent: 1cm;

text-align: justify; }

Для каждого элемента есть набор свойств, которые можно изменить. Свойства и пример их задания смотрите в приложении №2.

<DIV></div>Элемент предназначенный для применения стилей. Это контейнер для элементов находящихся внутри.

Пример:

<HEAD>

DIV.my {color : RGB(215,40,40); font-style: italic}

</style>

</head>

<BODY>

<H1>заголовок</h1>

<P>Абзац</p>

</div>

</body>

<SPAN></span>Предназначен для включения в состав других элементов.