Two Pilots - учебные странички

Уроки HTML

10. Что такое CSS?

• Что такое CSS?
• Преимущества CSS перед HTML

Что такое CSS?

CSS (Cascade Style Sheet) - каскадные таблицы стилей. Это своего рода расширение HTML, дающее web-разработчику дополнительные возможности.

Стиль (style) - это набор элементов форматирования текста. Например, цвет текста, шрифт, размер, выравнивание и т.д. Все эти параметры можно хранить в стилях.

Но ведь и HTML позволяет оформлять текст с помощью тегов форматирования.

В чем же преимущество CSS перед HTML?

Преимущества CSS перед HTML

1. CSS одним действием позволяет изменять сразу всю группу параметров.

   Например, в наших уроках все заголовки, заданные тегами <h1>, <h2>, <h3> и <h4> оранжевого цвета. В обычном HTML для этого нам понадобилось бы каждый заголовок поместить в контейнер <font> с параметром color="#CD6600":

   <font color="#CD6600"><h1>Заголовок 1</h1></font>
       ...
   <font color="#CD6600"><h4>Заголовок 4</h4></font>

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

   А с помощью CSS мы создали стиль для тегов <h1>, <h2>, <h3> и <h4> в отдельном файле style_school.css (см. строка 22). И все заголовки, заданные этими тегами, без дополнительных тегов будут обладать нужными свойствами.

   И если мы захотим изменить какое-либо свойство у заголовков, нам достаточно будет изменить стиль тегов, и все заголовки будут автоматически изменены.

2. Стили предоставляют разработчику гораздо больше возможностей по сравнению с обычным HTML.

   Например, с помощью стилей можно задать такие свойства текста, которые нельзя задать с помощью стандартных параметров того или иного html-тега.

3. Все стили можно хранить в отдельном файле. Браузер кэширует (запоминает) такие файлы, поэтому загружаться Ваш сайт будет немного быстрее.

18/04/2007, Ю. Филимонова

- Главная страничка "Уроки HTML" -