- Создание простых web-страниц
- Создание простых страниц в редакторе Dreamweaver
- Подготовка и размещение графических изображений
- Использование таблиц для размещения данных и компоновки страниц
- Компоновка страниц с использованием фреймов
- Создание интерактивных страниц с использованием форм
- Каскадные таблицы стилей — расширение возможностей форматирования
- Создание динамических страниц
- Добавление статических и динамических эффектов
Задание одинаковым меткам разных параметров форматирования
Вполне возможна ситуация, когда часть одних и тех же меток применительно к различным частям текста должна иметь разные свойства.
С этой целью метки (в зависимости от стиля форматирования) можно разбить на классы, каждому из которых присвоить персональное имя, которое записывается справа от имени метки и отделяется от него точкой. Таким образом, для одной метки можно определить несколько стилей форматирования. Например:
<STYLE TYPE="text/css">
P.white_black {font-size: 38pt; color: white; background-color: black}
P.black_gray {font-size: 46pt; color: black; background-color: gray}
</style>
В этом примере метки <р> мы разбили на два класса, имеющих разные параметры форматирования, один из которых получил
ИМЯ "whitejslack", а другой "black_gray".
В тексте документа выбор стиля (класса) осуществляется с помощью параметра class следующим образом:
<Р CLASS=white_black>L[BeT шрифта белый, фон черный</Р> <Р С1ЛЗЗ=Ыаск_дгау>Цвет шрифта черный, фон серый</Р>
Текст документа, в котором используются два стиля форматирования шрифта
<html> CHEAT» cstyle>
P.white_black {font-size: 38pt; color: white; background-color: black}
P.black_gray {font-size: 4 6pt; color: black; background-color: gray}
</style>
<title>
Первый способ </TITLE> </head> <body>
<Р class="white_black">L[BeT шрифта белый, фон черный</Р> <Р class="black_gray">L[BeT шрифта черный, фон серый</Р> </body> </html>
Открыв документ в окне браузера, увидим результат.
- Войдите на сайт для отправки комментариев