Основные понятия CSS

 

 

 

Каскадные таблицы стилей - CSS (Cascade Style Sheets) — представляет собой набор параметров для форматирования, которые используются для управления видом и положением элементов web – страницы сайта.

Использование стилей при самостоятельном создании web – страницы является удобным, практичным и эффективным инструментом как при оформлении текста, изображений, ссылок так и остальных элементов дизайна.

Сайт представляет собой не простой набор объединенных между собой документов, а цельное и взаимосвязанное расположение с единообразным оформлением блоков на каждой странице.

Применение единого стиля для всех страниц сайта, позволяет создать плавную динамику перехода между страницами, что является важным моментом для восприятия и работы с содержимым сайта для посетителей. А для веб – мастера применение стилей значительно упрощает верстку дизайна сайта.

Описание общих стилей для страниц сайта находится в одном файле, а ссылки на этот файл прописываются на каждой странице. При изменении стиля в общем файле, происходит автоматическое обновление оформления элементов на всех страницах сайта. Индивидуально для элемента, стиль прописывают непосредственно на странице.

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

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

Для создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.

Все перечисленные характеристики использования стилей CSS показывают преимущество при создании сайта перед другими способами верстки сайта.

Знание основ стилей CSS и способов их применения для веб – мастера необходимы, так как это является важным инструментом при самостоятельном создании сайта.


Таблицы стилей предназначены для придания страницам сайта единообразного и строгого дизайна
Основные тэги к которым применяются  таблицы стилей:
BODY, DIV,P, SPAN.
Состав и структура стилей:
стиль для элемента сайта состоит из  блока описания стиля в котором необходимо
 - придать  имя объекту: Border_Object (объект рамка)
– задать строку описания {Border: 2px solid red;  }  (ширина, тип, цвет);
При помощи атрибута klass  происходит присвоение стиля.
Существуют два способа добавления стилей к HTML странице:
- описание стилей для элемента сайта непосредственно на странице, которое целесообразно применять для разового объекта. Располагается блок стиля в  тэге head, или непосредственно в тэге body, при помощи тэга span применительно к объекту (span ”style= color #цвет ; и т д”)
- описание стилей в отдельном файле
Для этого нужно создать в Dreimweawer  новый файл css и сохранить в отдельной папке.
/*комментарий  */    (слеш и звездочка) – используют комментарий для удобства.
. – точка ставится при создании нового стиля, для зарезервированных тэгов точка не ставится.
Создаются необходимые стили.
<link href="/../css fail/marks.css" rel="stylesheet" type="text/css"> – одиночный тэг link (ссылка) указывает на адрес папки css и располагается  тэг   в  head

replace_in_text_segment($text); echo $text; ?>