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