Селекторы тегов - Самоучитель CSS - WEB - Статьи

Главная » Статьи » WEB » Самоучитель CSS

Селекторы тегов

В качестве селектора может выступать любой тег HTML для которого определяются правила форматирования, такие как: цвет, фон, размер и т.д. Правила задаются в следующем виде.

Тег { свойство1: значение; свойство2: значение; ... }

Вначале указывается имя тега, оформление которого будет переопределено, заглавными или строчными символами не имеет значения. Внутри фигурных скобок пишется стилевое свойство, а после двоеточия — его значение. Набор свойств разделяется между собой точкой с запятой и может располагаться как в одну строку, так и в несколько (пример 7.1).

Пример 7.1. Изменение стиля тега абзаца

HTML 4.01CSS 2.1IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Селекторы тегов</title>
 <style type="text/css">
 P { 
 text-align: justify; /* Выравнивание по ширине */
 color: green; /* Зеленый цвет текста */
 }
 </style>
 </head> 
 <body>

 <p>Более эффективным способом ловли льва в пустыне
 является метод золотого сечения. При его использовании пустыня делится
 на две неравные части, размер которых подчиняется правилу золотого
 сечения.</p>

 </body>
</html>

В данном примере изменяется цвет текста и выравнивание текста абзаца. Стиль будет применяться только к тексту, который располагается внутри контейнера <p>.

Следует понимать, что хотя стиль можно применить к любому тегу, результат будет заметен только для тегов, которые непосредственно отображаются в контейнере <body>.

Категория: Самоучитель CSS | Добавил: expert1 (31.01.2013)

Просмотров: 349 | Теги: CSS, Самоучитель | Рейтинг: 0.0/0

Всего комментариев: 0

Главное меню

Вход

Статистика

Стихи

Рекомендуем

Загрузки

Проекты