- Урок 1 Учебник CSS Учебник HTML

Урок 2. Как это работает?

CSS можно включать в HTML четырьмя способами:

Лишь ссылка в HTML, а сами CSS в отдельном файле (наиболее предпочтителен):

<---link rel="stylesheet" type="text/css" href="style.css">

Еще один способ подключить CSS, находящиеся в отдельном файле:

<---style type="text/css" media="all">@import "style.css";

Непосредственно в HTML-документе:

<---style type="text/css">

  body {
  color:green;
  }
<---/style>

Непосредственно в элемент:

<---p style="font-size: 18px; color: blue;">Этот абзац мы хотим отделить от основного текста<---/p>

Все стили, включая ссылки на .css-файл, за исключением последнего способа, прописываются между тегами . Пример смотрите ниже на рисунке № 3.

О синтаксисе CSS мы поговорим в следующем уроке, а пока разберем все это на примере.

В HTML задать цвет фона сайта можно следующим образом:

<---body bgcolor="#FF0000">

С помощью CSS того же самого результата можно добиться так:

body {background-color: #FF0000;}

В чем преимущество CSS? Если вы делаете это с помощью HTML, вам придется прописывать цвет фона на каждой странице сайта. А если таких страниц сотни? С помощью CSS вы задаете цвет фона только один раз – в файле, работающем со всеми страницами сайта. Обычно такой файл называется style.css. Кроме того, возможно создание отдельных файлов .css, определяющих стили, например, отдельных разделов сайта.

См. также

Следующий урок: Синтаксис CSS.
Предыдущий урок: С чего начать?

Бесплатный хостинг uCoz