Практика: web-design

Основы CSS и примеры.
Не сомневаюсь что вы видели на разных сайтах описание CSS и наверняка прочитав его разок вы вынуждены были перечитывать еще раз,т.к. там сплошняком используются такие фразы типа "для присвоения какому-либо элементу определенных характеристик вы должны один раз описать этот элемент и определить это описание как стиль",мы не будем все усложнять просто для начала надо понять основной принцип действия,а в дальнейшем будет просто.Начнем же мы со вставки CSS в html-страницу.Итак,есть два удобных способа вставки CSS в страницу первый это вставка информации непосредственно в страницу ,второй это помещение информации в отдельный файл.Для вставки файла надо написать в теге <BODY> вот такую строку:

<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">

заменив "URL" на путь к файлу,например если файл лежит рядом с html-файлом и называется например styles.css то пишем:

<LINK REL=STYLESHEET TYPE="text/css" HREF="styles.css">

Такой способ удобен если вам необходимо использовать CSS на многих страницах,но если вам надо например задать оформление для одной страницы то это можно сделать так:
<STYLE type="text/css">... </STYLE>
вместо точек необходимо вписать нужную информацию,вот об этом мы сейчас и поговорим.

элемент {свойство: значение;}

Вот так должна выглядеть запись описывающая какой-либо элемент. Что бы было более понятно рассмотрим пример создания изменяющих цвет ссылок: ссылку задает тег <a> значит нам надо описать его свойства

a {color: #000000;}

сейчас мы задали черный цвет всем ссылкам,но как сделать чтобы она изменялась ? а очень просто

a:active {color: #000000;}

так мы задали активной ссылке черный цвет теперь зададим цвет ссылки при наводке:

a:hover {color: #FFFFFF;}

теперь каждый раз наводя на черную ссылку она будет менять цвет на белый. Таким же образом можно задавать шрифт текста,оформление текста и так далее. давайте сделаем текст в теге <p> синего цвета и размером шрифта 10 для этого напишем:

p {font-size: 10pt; color: blue;}

вот и все ,как видете ничего сложного более подробную информацию по CSS вы можете найти на этом сайте http://www.webclub.ru/. Я думаю что мы поместим еще интересную информацию по CSS на нашем сайте.Удачи.