Как создать свой сайт на языках HTML и CSS.
Идентификаторы.
Идентификаторы используются в css для того,чтобы если например в html-странице несколько параграфоф и мы хотим сделать так,чтобы текст всех параграфов был чёрным,а одного например зелёным.Чтобы это сделать нужно параграфут которому мы хотим сделать зелёным нужно задать уникальный идентификатор. Имя можно указыть любое,кроме названия тегов например body,head и т.д. .
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#qwe{color:#0DA100;
p{color:#000000;
</style>
</head>
<body>
<p>Текст</p>
<p id="qwe">Текст</p>
</body>
</html>
Старница в браузере:
Текст
Текст
В теге style сначала пишется знак "#",а потом имя идентификатора.На странице не может быть два идентификатора с именем qwe.
Классы.
Классы в css используются для того,чтобы если мы хотим чтобы параграфов с зелёным текстом было несколько.Зададим ещё двум параграфам class="qwe".
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#qwe{color:#0DA100;}
.qwe{color:#0DA100;}
p{color:000000;}
text-align:left;
</style>
</head>
<body>
<p>Текст</p>
<p id="qwe">Текст</p>
<p class="qwe">Текст</p>
<p class="qwe">Текст</p>
<p class="qwe">Текст</p>
</body>
</html>
Страница в браузере:
Текст
Текст
Текст
Текст
Текст
Теперь у нас во всех параграфах с классом qwe цвет текста зелёного цвета.Перед именем классса в css коде пишется точка.Абзацев с таким классом может быть сколько угодно.Если задать class="qwe" трём элементам,например:абзацу,заголовку и ссылке, цвет всех трёх будет зелёным.Чтобы выделить один элемент другим цветом используется идентификатор.