создай свой первый сайтСайт создан на сервисе Яндекс.НародСайт создан на сервисе Sites.GoogleСайт создан на сервисе ucozСайт создан на html/css


Селекторы в css

Различают селекторы по элементу, классу, id, контекстные селекторы. Приведем пример селектора по элементу (элементы html-документа - p, ol, tr и т.д.) - для абзацев.
p {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}

А вот пример селектора по классу - сначала ставим точку, затем указываем имя класса (можно задавать любое имя - например, text) и прописываем стиль класса:
.text {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
}

Далее этот стиль можно присоединить к параграфу (p class), таблице (table class), блоку (div class). Присоединение стиля к блоку (контейнеру) будет выглядеть так:
<div class="text">...</div>

Пример селектора по id (можно использовать, например, для блока навигации шириной в 150 пикселей).
html-код:
<div id="navigation">
css-код:
#navigation{
width:150px;
}

Пример контекстного селектора:
p em {color:green}
Источник: 1sait.com