CSS подключение

Создать отдельную папку CSS. В нее сохранить файл с названием style.css.
В html документе написать между тегами <head>
link href="css/style.css" type="text/css" rel=styleshect"
</head>

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

p{
color:#404040;
}
2.Селекторы классов
.new{
color:#406070;
}
3.id-селекторы
#newh{
color:#405030;
}
4.групповые
h3, #newg{
color:#405010
}
5.селекторы потомков
ul li {
color:#305040;
}
6.псевдо селекторы
a:link{
color:#402948;
}

В документе style css задаем цвет ссылкам после посещения цвет #542948;

a:visited{
color:#542948;
}

В документе style css задаем цвет ссылкам в момент наведения #542948;

a:hover{
color:#542948;
}

В документе style css задаем цвет ссылкам в момент щелчка

a:active{
color:#542948;
}

Изменение цвета текста внутри параграфа
Пример:
p{
color:#404040;
}

В html документе пишем название класса (class="new")

<ul>
<li class="new">........</li>
<li class="new">........</li>
<li>............</li>
<ul>

В CSS документе пишем .new (точка, название класса и задаём цвет)

.new{
color:#406070;
}

В html документе:

<h4 id="newh">...........</h4>

В файле style.css:
#newh{
color:#405030;
}

В html документе
<ul>
<li>.....</li>
<li>.....</li>
</ul>

В документе style css (через пробел)

ul li {
color:#305040;
}

В html документе:
<a href="....">......</a>

В документе style css (первоначальное состояние)

a:link{
color:#402948;
}

В документе style css (после посещения)

a:visited{
color:#542948;
}

В документе style css (в момент наведения)

a:hover{
color:#542948;
}

В документе style css (в момент щелчка)

a:active{
color:#542948;
}

В html документе:

<p>................</p>

В документе style css

p{
font-family:verdana;
}

В html документе:

<p>................</p>

В документе style css

p{
font-size:14px;
}

В html документе:

<p>................</p>

В документе style css

p{
font-weight:bold;
}