Отправляет email-рассылки с помощью сервиса Sendsay

Введение в CSS

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Мой альтернативный доход" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Февраль 2003   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Автор
Олег Тарабрин

Статистика

52 подписчиков
0 за неделю
←   Все выпуски   →

Введение в CSS


Информационный Канал Subscribe.Ru

Рекомендую просматривать выпуски рассылки в непосредственно в браузере, так как многие почтовые системы (такие как mail.ru) отсекают определения стилей. Вследствие этого примеры будут выглядеть совсем не так, как задумывал автор рассылки. Архив рассылки.

Выпуск 3

В прошлом выпуске мы говорили о стиле для одного элемента, а в конце выпуска я пообещал рассказать о том, как задать стиль для всех элементов какого-либо одного тега. Как и в прошлом выпуске, мы будем изменять стиль для элемента <h1>. Но в отличие от предыдущего выпуска не для одного, а сразу для всех на странице.

Для этой цели мы будем использовать тег style (в прошлом выпуске мы использовали атрибут - прошу обратить внимание на это различие). Тег style, так же как и тег title, размещается в заголовке html-документа. А вот внутри тега style уже размещается сами определения стилей. Ниже приведен листинг html-документа, демонстрирующего использование тега style.

<html>
 <head>
  <title>Пример использования тега style</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <style>
   h1 {color:red}
  </style>
 </head>
 <body>
  <h1>пример</h1>
  <h1>еще пример</h1>
 </body>
</html>

Как видите, внутри тега style находится только одна строка. Те, кто внимательно читал предыдущий выпуск, должны были заметить, что внутри фигурных скобок стоит пара «имя:значение». Как и в прошлом выпуске эта пара расшифровывается как «;цвет:красный». Не совсем ясно чему назначен красный цвет? Левее фигурных скобок расположено имя тега, в нашем случае h1. Поэтому в любом месте документа, где встретится тег с таким именем, этот тег будет отформатирован с использованием красного цвета. Естественно в качестве такого тега может быть использован не только тег <h1> но и любой другой, достаточно подставить его имя вместо имени тега <h1>.

Пока все еще просто, не так ли? Но мы уже изменили цвет для заголовков первого уровня. Сколько бы Вы не вносили заголовков первого уровня в наш документ, все они будут красного цвета. Но ведь CSS позволяет задать не только цвет! Следующий выпуск будет посвящен использованию сразу нескольких свойств в одном обявлении.

Для любопытных

Селектор тега | Тег style

Архив рассылки

Автор рассылки

P.S. Рассылка создана в первую очередь для читателя, а уже во вторую - что бы потешить самолюбие автора (меня). Так что, если Вам что-то непонятно, или Вы имеете какие-то пожелания, пишите мне.

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное