Макинтош и образование:Информатика и ИТ:Как начать работать с таблицами стилей:Шаг 1

Шаг 1. Исходная страница

[Вернуться к содержанию][Следующий шаг]

Возьмем размеченный HTML-файл и применим к нему различные возможности, предоставляемые каскадными таблицами стилей. Вот так выглядит наша исходная страница.

Каскадные таблицы стилей (CSS)

Каскадные таблицы стилей (CSS) -- современный элемент Web-страниц, дающий Вам широкие возможности форматирования сайтов. С помощью CSS разделяется содержимое страницы и ее оформление. Спецификация CSS1 принята консорциумом World Wide Web Consortium.

World Wide Web Consortium (W3C)

W3C основан в октябре 1994 года для координации развития World Wide Web и полной реализации ее потенциала путем разработки универсальных протоколов, способствующих ее эволюции и гарантирующих ее целостность. Консорциумом руководит директор -- Tim Berners-Lee, разработчик системы World Wide Web. W3C поддерживается организациями-членами, он независим от фирм-производителей.


Поддержка браузерами

Каскадные таблицы стилей поддерживаются браузерами, начиная с Internet Explorer 3 и Netscape Navigator 4. Однако, ни один из них не обеспечивает полной поддержки всех спецификаций. Тем не менее, наиболее важные свойства корректно обрабатываются всеми современными браузерами.

Стили "по умолчанию"

В каждом браузере задано, как он будет показывать текст, размеченный теми или иными тегами HTML. Большинство браузеров показывает теги <H1> и <STRONG> подобным образом. На эти стили ориентируются web-дизайнеры при разметке страниц. HTML позволяет также указывать стиль в атрибутах тегов, как например <FONT> и <BODY>. Проблема в том, что, чтобы поменять эти стили, придется исправлять атрибут в каждом теге по отдельности.

Новый метод

Каскадные таблицы стилей предоставляют Вам гораздо более удобный метод работы. Оформление страниц теперь не привязано к их содержимому, а находится в отдельном файле. Теперь Вы можете указать браузеру, как должны выглядеть все теги, например, <H1>.

Практическое применение CSS

Для использования CSS Вы должны сделать следующее:

  1. Указать, для каких элементов настраивается формат.
  2. Указать характеристики выбранных элементов.
  3. Проверить результат в разных браузерах.

Вы можете изменять следующие характеристики:

Лучший способ изучить каскадные таблицы стилей -- Начать ими пользоваться. Вам не потребуются никакие дополнительные программы -- только простейший текстовый редактор и любой современный браузер!


[Предыдущая страница][Содержание][Следующая страница]
[Титульная страница][Информатика и ИТ]
Hosted by uCoz