Как несложно нарыть правильное вывод веб-дизайнеру при рабте со стилями CSS

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

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

1. Текст

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

2. Фон

Свойства фона (фоновая картинка, цвет) применяются к разным объектам на веб-страницах, это могут быть слои, таблицы, ячейки таблиц и сам текст.

3. Блоки

Свойства блоков берут на себя управление выравниванием и расположением объектов на странице. К категории блоков относится текст, содержание тегов «Div» (с указанием позиции или без), теги со стилем display:block, графика и абзацы с заданной абсолютной или относительной позиции. Например, при помощи атрибута block не возбраняется указать, что выбранный текстовый блок должен быть выровнен по ширине.

4. Прямоугольники (boxes)

Блоки-объекты, которые могут размещаться в любом месте окна браузера. Для произвольной комбинации сторон блока назначаются отступы и поле ( к примеру, для левой и нижней части, либо для левой и правой), при всем при том если вы не оформляете все четыре стороны, не забудьте прибавить нули для тех сторон, которым значения не заданы, т.е. не оставляйте поля значений пустыми. Такие стили применяются при решении таких задач, как регулировка величины полей на странице или выравнивание содержания в ячейке таблицы.

5. Обрамление

Свойства, определяющие цвет, манера и толщину рамок, окружающих оформляемый объект. Для каждой стороны объекта может быть задан свойский комплект атрибутов обрамления. В этом месте так же, если вы не задаёте точные значения для сторон, проставляйте 0 или None.

6. Списки

При оформлении списков с помощью CSS разрешается определить тип списка (нумерованный или же маркированный), позицию маркера сравнительно содержания списка или более того задать своё графическое изображение, которое будет употребляться в качестве маркера.

7. Позиционирование

Атрибуты позиционирования используются веб-дизайнерами для оформления слоёв с тегом «Div», но вы так же можете использовать их для настройки изображений и позиций блока в браузере. Для слоёв атрибуты данной категории позволяют оформлять как содержание, так и сам контейнер.

8. Расширения

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

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

Благодарю за внимание!

Автор: Евгений Смольянинов
Сертифицированный web-дизайнер,
Фрилансер.

---

Современные методы и приёмы web-дизайна
Если вы хотите перейти на современные методы и приёмы web-дизайна, а как раз новые способы вёрстки веб-сайтов на CSS, XHTML в программе Dreamweaver CS3, тогда наши видео-курсы для вас.

На нашем вебсайте, вы изучите на примерах:

• Планирование Web-ресурсов
• Практические навыки работы в программе
• Современные методы вёрстки
• Алгоритмы CSS для оформления Web-страниц

Кейвуды: