Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Рекомендации по применению стилей CSS

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

В первую очередь следует выделить правила оформления, которые будут применяться ко всему сайту и его отдельным элементам, определять общий вид веб-сайта: параметры шрифта, абзацев, заголовков, цвет фона, выравнивание текста, размеры отступов и т.д. Разработанные правила преобразуются в общие стили (большей частью это переопределения тегов), помещаются во внешнюю таблицу стилей. Такая таблица стилей называется глобальной и применяется ко всем html-страницам сайта.

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

На третьем этапе определяются правила, которые применяются только к одному элементу html-страницы (как правило, это именованные стили): параметры полос навигации, заголовка сайта, различных контейнеров, которые определяют дизайн сайта. Эти правила оформляются по аналогии с правилами оформления отдельных элементов html-страниц.

На последнем этапе определяются правила, которые применяются к ограниченному числу элементов, которые встречаются на отдельных html-страницах. На этом этапе описываются самые конкретные стили, которые помещаются либо в глобальную таблицу или во вторичную таблицу стилей.

Внутренние таблицы стилей применять не рекомендуется, поскольку они не соответствуют концепции Web 2.0.


TOP ↑