Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Синтаксис листов стилей

Визуальные фильтры | Позиционирование с помощью листов стилей | Элементы форм и атрибуты | Управляющие элементы |


Читайте также:
  1. X. Права и гарантии молодых специалистов
  2. Активное наблюдение за больным ребенком. Стационар на дому. Правила оформления рецептов, больничных листов.
  3. Александр Петрович Листовский
  4. Альтернативный синтаксис
  5. Для режиссеров кино и телевидения, журналистов и монтажеров
  6. Должностям специалистов
  7. Журналистов и монтажеров информационных программ

Независимо от того, какой из способов применения листов стилей использован, синтаксис их схож. Он состоит из трех частей.

§ Селектора, обладающего свойствами, которые, в свою очередь имеют значения. Селектор обычно представляет собой стандартный элемент HTML-страницы, такой как, например, заголовок (H1) или абзац (P).

§ Свойств селектора.

§ Значений свойств селектора

Свойства и значения образуют объявление. Селектор и объявление образуют правило со следующим порядком записи:

H1 {

type-family: Garamond, times, serif;

}

При объявлении встроенного стиля не используются селекторы, так как стиль применяется только к дескриптору, в котором он определен:

<H1 style=”garamond, times, serif;”> text </H1>

Классы

Классом называется разбиение одного правила стиля на несколько частей. Если есть необходимость оформить один фрагмент текста иначе, чем другой, можно создать несколько наборов. Каждый набор вновь созданных стилей называется классом стиля.

Пример классов стиля применительно к заголовку:

 

<HEAD>

<STYLE>

<!--

H1.left {

font: 14pt arial;

color: #FF0033;

text-align: left;

}

 

H1.right {

font: 13pt arial;

color: #FF6633;

text-align: right;

}

-->

</STYLE>

</HEAD>

 

<BODY>

<H1 class=”left”> Заголовок выводится слева</H1>

<BR>

<H1 class=”right”> Заголовок выводится справа </H1>

</BODY>

 


Дата добавления: 2015-10-02; просмотров: 58 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Типы листов стилей| Цвет и фон

mybiblioteka.su - 2015-2024 год. (0.005 сек.)