Раздел каскадных стилей css
С помощью стилей стало возможно объединить управление всеми документами в одном общем файле CSS. Если нужно внести изменения в веб-страницы, это делается изменением нескольких строк в CSS-файле.
Вы уже убедились, что стили - это прекрасно? Тогда попробуем создать ваш первый стиль.
Скачать ваш любимый HTML-редактор и создайте в нем адресу:
<HTML>
<HEAD>
<Тить> Мой Первый Стиль </ TITLE>
</ HEAD>
<BODY>
<Н1> Стили: инструмент для современных веб-дизайнеров </ Н1>
<Р> А Вашим конкурентам и не снилось!</ P>
</ BODY>
</ HTML>
Теперь добавим стиле - просто впишите этот код между тегами <HTML> и <BODY>:
Стили: инструмент для современных веб-дизайнеров
<STYLE TYPE=«text/css»>
<! -
Н2 {color: green; font-size: 37px; font-family: impact}
P {text-indent: 1cm; background: ye1low; font-family: courier>
->
</ STYLE>
СТИЛИ: ИНСТРУМЕНТ ДЛЯ СОВРЕМЕННЫХ ВЕБ-ДИЗАЙНЕРОВ
Итак, вы создали первую веб-станицу со стилями. (Если строка о конкурентах не масс желтого цвета, вам придется обновить версию браузера. Рекомендуются Internet Explorer не ниже 5-й версии.)
Терминология стилей
Рассмотрим, из чего состоит этот код.
Стили задаются командами. Простые команды выглядят так:
Н2 {color: green}
Эта команда сообщает браузеру, что текст между <Н2> и </ Н2> должен быть зеленым.
В примере Н2 - селектор, к которому применяются стили. Описание определяет, какой стиль используется, и тоже из двух частей. В нашем примере - свойство (цвет) и значение (зеленый).
Все это может быть применено к любому тегу: <Р>, <CODE> или <TABLE>. Стили также можно применять с графикой, вмешивая их с тегом <IMG>.
Как видно из первого примера, вы можете группировать команды стилей. Выше мы установили для тега <Р> сразу три команды. Аналогично вы можете группировать теги:
Н2, Р, BLOCKQUOTE {Font-family: arial}
Это значит, что весь текст в пределах тегов <Н2>, <Р>, <BLOCKQUOTE> отображается шрифтом Агиа.
Другие статьи по теме:
-
Раздел каскадных стилей css-
Html - язык web-
Фреймы, их теги и атрибуты-
Визуальный редактор веб-сайтов-
Html: путь из недавнего прошлого к светлому будущему