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

Шаг 8. Встроенная таблица стилей

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

Теперь к внешней таблице стилей style7.css, использованой на предыдущем шаге, добавим встроенную непосредственно в HTML-файл таблицу, изменяющую свойства отдельных элементов. Выглядит это следующим образом:

<head>
<title>Каскадные таблицы стилей::Шаг 8</title>
<link rel="stylesheet" type="text/css" href="style7.css" title="Step8">
<style>
.important{font-size:150%;}
</style>
</head>

Каскадные таблицы стилей (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