Подключение CSS

Внутриэлементные стили

При внутриэлементном или строчном подключении стиля, он определяется непосредственно внутри тега HTML при помощи атрибута style.

Это выглядит следующим образом:

Любой текст!

Данное определение сделает параграф красного цвета.

Внешние стили

Внешние стили используются для подключения одновременно ко многим страницам сайта. Обычно это отдельный CSS файл, который выглядит приблизительно следующим образом:

p {

   color: red;

}

a {

   color: blue;

}

Если имя этого файла будет "web.css", то его подключают к HTML документу следующим образом при помощи тега :

  

Далее вы увидите, что есть еще и другие способы подключения внешних стилей, но в данный момент упомянутых способов будет вполне достаточно.

Чтобы максимально плодотворно изучить материал данного учебника, код, приведенный в нем, следует испытать на практике, поэтому в текстовом редакторе создайте новый файл и сохраните его под именем "web.css" в той же директории что и HTML файл.

Теперь измените HTML таким образом, чтобы он начинался со следующих строк:

  

  

...

Сохраните HTML файл. Теперь к нему подключен CSS файл, который на данный момент пустой и поэтому никак не повлияет на HTML файл. По мере изучения учебника "CSS начального уровня" вы будете добавлять данные и менять их в CSS файле, а результаты их работы можно будет увидеть, просто обновляя веб-страницу в браузере.