Вторник, 10 Июля 2012 14:08

Как подключить css-файл к html-странице

Written by 
Оцени эту запись
(2 Голоса)

Для того, чтобы подключить css-файл к html-странице, нужно в элементе head страницы прописать путь к файлу со стилями.

Делается это таким образом:

 

<html>
<head>
<link rel="stylesheet" href="/путь_к_файлу/styles.css" type="text/css">
</head>
<body>
</body>
</html> 
 
Разберем подробнее нужную строчку:
 
 
<link rel="stylesheet" href="/путь_к_файлу/styles.css" type="text/css">

 

Атрибут rel задает отношение нужного файла к документу, то есть указывает, что это css-файл.

Атрибут type определяет тип документа. 

Атрибут href указывает путь к нему.

 

Если вы подключаете стандартный CSS, то в этой строке изменится только значение атрибута href, то есть путь к файлу. 

 

Например, есть у вас есть папочка site_name, в ней html-файл под названием index.html, рядом папка styles, в которой лежит нужный файл style.css, то в файле index.html находим тег <head> и внутрь него добавляем строку:

 

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

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов