Универсальный селектор - Самоучитель CSS - WEB - Статьи

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

Универсальный селектор

Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае поможет универсальный селектор, который соответствует любому элементу веб-страницы.

Для обозначения универсального селектора применяется символ звездочки (*) и в общем случае синтаксис будет следующий.

* { Описание правил стиля }

В некоторых случаях указывать универсальный селектор не обязательно. Так, например, записи *.class и .class являются идентичными по своему результату.

В примере 14.1 показано одно из возможных приложений универсального селектора — выбор шрифта и размера текста для всех элементов документа.

Пример 14.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"> 
 * { 
 font-family: Arial, Verdana, sans-serif; /* Рубленый шрифт для текста */ 
 font-size: 96%; /* Размер текста */ 
 } 
 </style> 
 </head> 
 <body> 
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
 nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> 
 </body> 
</html>

Заметим, что аналогичный результат можно получить, если в данном примере поменять селектор * на BODY.

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

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

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

Главное меню

Вход

Статистика

Стихи

Рекомендуем

Загрузки

Проекты