Первое знакомство с программой.

CSS Magic — редактор CSS, уникально быстрый способ работы с CSS.

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

Назначение: Программа предназначена для быстрого создания и изменения каскадных таблиц стилей. Речь идет о файлах CSS, которые подключаются к HTML странице с помощью инструкции <LINK REL=stylesheet HREF=“explorer.css» TYPE=“text/css»>.Интерфейс программы во многом аналогичен панелям Word. Отличие от подобных продуктов заключается в ориентации разработки на пользователя любого уровня квалификации. CSS Magic создавался для ускорения редактирования оформительских характеристик сайта целиком, а не по одной странице.

Возможности:
1. Визуальное внесение, изменение, удаление свойств стиля одним щелчком.
2. Мастер создания имени стиля поможет правильно и быстро создать имя уровня CSS1–2, есть подсказки по тегам HTML 4.0.
3. Просмотр сайта в минибраузере (MSIE), причем есть возможность автообновления сразу после изменения любого свойства стиля (редактор становится визуальным).
4. Подсказки, меню и все остальное — НА РУССКОМ.
5. Запоминание последнего состояния в реестре.
6. Ускоренный выбор цветов (v 1.8).
7. Редактор HTML с раскраской тегов, для мелких изменений в HTML страницах (v 1.8).
8. Откат до 1000 действий в таблице стилей (v 1.8).
9. Отмена отката до 1000 действий в таблице стилей (v 1.8).
10. Раскраска скроллов для MSIE6 и выше (v 1.8).

Поддерживаемые свойства CSS:

Управление шрифтом.

• Font-Family:гарнитура шрифта
• Font-weight:толщина шрифта
• Font-size:размер шрифта
• Font-style:управление курсивным начертанием шрифта
• Font-variant:управление начертания капителью (маленькие прописные);
• Text-decoration:подчеркивание, зачеркивание, надчеркивание, мигание шрифта.
• color: цвет шрифта

Управление параметрами абзаца.

• Text-indent:отступ первой строки
• Line-height:расстояние между строками
• Word-spacing:расстояние между словами
• Letter-spacing:расстояние между буквами
• Text-align:выравнивание влево, вправо, по центру, по ширине
• Vertical-align:вертикальное выравнивание

Управление отсупами внутри блока.

• Margin: отступы границ от края блока
• Padding: отступы содержимого от границ блока
• Margin-top:отступы границ от края блока сверху
• Margin-right:отступы границ от края блока справа
• Margin-bottom:отступы границ от края блока снизу
• Margin-left:отступы границ от края блока слева
• Padding-top:отступы содержимого от границ сверху
• Padding-right:отступы содержимого от границ справа
• Padding-bottom:отступы содержимого от границ снизу
• Padding-left:отступы содержимого от границ слева

Параметры границ.

• Border-color:цвет границы
• Border-style:тип границы
• Border-width:ширина границы

Параметры фонового оформления

• BackGround-color:цвет фона
• BackGround-Image:фоновый рисунок
• BackGround-position:выравнивание фона
• BackGround-Attachment:подвижность фона
• BackGround-Repeat:размножение фона

Управление поведением блока

• Display: тип создаваемого блока
• Visibility: видимость блока
• Overflow: действия при переполнении блока
• Сlip: параметры вырезания контента из блока
• Position: управление позиционированием блока
• Float: управление обтеканием блока
• Top Left Right Bottom: Отступы блока от контейнера (родительского блока)
• Height: ширина блока
• Width: высота блока.

Параметры цветового оформления полос прокрутки

• Scrollbar-base-color:цвет фона
• Scrollbar-face-color:цвет бегунка
• Scrollbar-arrow-color:цветстрелок
• Scrollbar-shadow-color:цвет тени

Список этих свойств постоянно пополняется и основан на рекомендациях W3C и MS. Для эффективного использования программы рекомендуется прочитать спецификации CSS1 и CSS2. С помощью программы рекомендуется выполнять блочную разбивку страниц сайта, а не табличную. Такой подход существенно упрощает управление оформлением сайта.