Рецепты ШЕФ-ПОВАРА

Каскадируемые Стили | День1

Зачем они нужны?

Итак, стили позволяют нам: 

  • Разделить форму страницы и её структуру.
  • Управлять форматированием проще, чем когда-либо раньше.
  • Просто и быстро создавать страницы.
  • Поддерживать и изменять много страниц одновременно.
  • Не конфликтовать с браузерами.

Расскажем об этих преимуществах Каскадируемых стилей поподробнее. 

Разделение формы и структуры 

Язык HTML не задумывался как средство управления формой web-страницы. Это язык, который лишь определяет структуру страницы: он указывает браузеру как должны отображаться те или иные её элементы. 

Но такое положение не устраивало разработчиков. Помните, как мы все были рады, когда Netscape изобрел новые тэги HTML, позволяющие лучше контролировать web-страницы. Для форматирования стали применяться тэги <P>, <Font Face>, <i>. Затем, когда требования к оформлению страниц возрасли, нам потребовалось использовать громоздкие таблицы и картинки для правильного размещения элементов на странице. Возникла путаница; код страниц сильно усложнился, что замедлило создание и загрузку страниц. 

Стили справились с этой проблемой: они отделяют часть, определяющую структуру от части, определяющей форму. НТML остаётся таким же девственно чистым, каким и задумывался, а код CSS загружается из отдельного файла. 

Вы можете управлять форматированием проще, чем когда-либо раньше 

Несомненно, тэг <Font Size> позволяет нам менять размеры текста и таблицы помогают создавать поля. Но возможности HTML ограничены. Мы не можем создавать текст размером 80 пикселей в высоту; мы не можем легко изменять поля, мы не можем управлять пространством между словами или строками, мы не можем точно позиционировать изображение на экране. 

Мы не можем все это делать... Если только мы не пользуемся Каскадируемыми стилями. Стили делают все вышеперечисленное возможным, у них даже больше возможностей. В течение следующих четырех дней Вы сами в этом убедитесь. 

Вы можете просто и быстро создавать страницы. 

Хорошая новости: Стили - это простой текст, основанный на HTML, в не графика, не исполняемая программа и не плагин. 

С помощью Стилей вы можете делать вещи, для которых раньше использовали графику. Но и это ещё не все! Как я упомянул выше, Стили избавляют страницы от нагромождения и прочей ерунды, усложняющий ваш HTML-код. Уменьшение объема кода и графики уменьшает размер конечного файла. 

Поддерживать и изменять много страниц одновременно 

Раньше, если я хотел изменить или скорректировать шрифт на wеб-странице, я должен был вручную редактировать каждый документ. Даже если страница обслуживается через базу данных, я все еще должен был корректировать все документы, и в каждом их них изменять все строки с тэгом <Font Face>. 

С помощью Стилей я могу объединить управление всеми документами в одном централизованом документе CSS. Если я хочу внести изменения в веб-страницу, я их вношу изменением одной строки в CSS-файле. 

Вы не конфликтуете с браузерами 

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

Большинство современных браузеров отображают CSS без проблем. 

Вы уже убедились что Стили это здорово? Тогда мы попробуем создать Ваш первый стиль.  >>


  • День1. Страница 1. Стили. Что же это такое?
  • День1. Страница 2. Зачем они нужны?
  • День1. Страница 3. Ваш первый Стиль.
  • День1. Страница 4. Добавление Стилей в web-страницу.
  • День1. Страница 5. Классы и другие хитрости.
  • День1. Страница 6. Каскадирование: Конфликт Стилей
  • День1. Страница 7. Плохие Новости о браузерах...
  • День1. Страница 8. Что дальше?

    Введение

    День1 | День2 | День3 | День4 | День5




  • © 1998 WEBlink,  http://www.weblink.ru