Первое знакомство с программой.
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.
С помощью программы рекомендуется выполнять блочную разбивку страниц сайта, а
не табличную. Такой подход существенно упрощает управление оформлением сайта.
