CSS что это?

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

Большую помощь в едином оформлении страниц даёт CSS или таблица стилей. Она даёт возможность задавать и полностью изменять стиль и цвет написания текста, что позволяет избежать постоянное описание всех элементов тэга font.

Большое преимущество CSS заключается в том, что она может находиться как в отдельном файле, так и в том же HTML файле.

Во втором номере журнала была приведена статья о том, как можно манипулировать с цветами скроллинга, так вот этот эффект также достигается с помощью таблицы стилей, вообще у CSS множество возможностей, но я расскажу об одной, самой основной – изменение стиля оформления текста.

Для начала необходимо определиться, будете ли вы использовать настойки стиля на одной странице, или же на нескольких. Если вы решили для одной, то вставляем в контейнер тэгов HEAD контейнер тэгов STYLE, для тех кто не знает поясню, контейнер тэгов – два одинаковых тэга, второй отличается лишь тем, что у него не пишут параметры, а также перед названием тэга ставят наклонную черту «/». Если же вы решили размещать CSS, в отдельном файле, в контейнере HEAD вставляем тэг с параметрами LINK rel=stylesheet href="1.css" type="text/css", где 1 название файла. Создаём текстовый документ с расширением .css, в котором и будут все настройки стиля.

Теперь пишем тэги и какие будут у них параметры между тэгами STYLE, или в отдельном документе. Для начала научимся изменять цвет, шрифт заголовков, то есть если раньше H1 было крупный чёрный текст, то теперь мы сделаем маленький красный. Итак пишем изменяемый заголовок в данном случае H1, затем ставим открывающую и закрывающую фигурную скобку “{“ “}”. Между ними пишем все необходимые нам параметры, которые хотели изменить через точку с запятой, обратите внимание, что значения параметров пишутся через двоеточие. H1{ font-size: 4pt; COLOR: red;}

Теперь в документе между текстом ставим тэги H1 и любуемся своей работой, вообще так можно задавать стиль текста всего документа (body), в таблице(table), и ещё много где.

Все возможности CSS можно узнать с программой TopStyle. Она как раз направлена на то, чтобы работать с CSS.

Ну вот в общем и всё, если есть какие-то вопросы по работе с TopStyle и CSS пишем на форум http://rusforumz.com