(часть 3)
В предыдущих статьях обсуждалось разное подключение стилей к web-документу 1.способ через тэги (внутри тэгов) и 2-й способ при помощи тэгов <style>...</style> в этот раз разберём подключение стилей из файла стилей. Да стили будем прописывать в отдельном файле, а потом подключим его в html-документе, это много освободит места в самом htmt-документе.
Допустим у нас есть готовая страничка-каркас (index.html) и её нужно разметить стилями, а стили находятся в другом файле (style.css) – обычно так прописывают файл стилей, но впрочем можно их прописывать как угодно. И подключаем его в шапке html-документа между тэгами <head>... </head> при помощи строки подключения:
Если файлик будет лежать рядом с файлом index.html, то тогда так:
<link rel="stylesheet" href="style.css" type="text/css" />
Если файлик будет лежать в отдельной папке, то указываем путь к файлу:
<link rel="stylesheet" href="css/style.css" type="text/css" /> – если каталог css создали рядом с файлом index.html.
Посмотрим пример двух файлов и как они работают без файла стилей и с файлом стилей.
прсмотрим как он выглядит в окне браузера:
Теперь подключаем файл стилей в строке
<link rel="stylesheet" href="css/style.css" type="text/css" />
посмотрим, как будет выглядеть в окне браузера. В контент добавлю какую-нибудь новость из интернета, что-б было наглядней.
Всё, что здесь понаписано - это всё сделано на старых технологиях которые сейчас вряд-ли кто использует, разве, что для обучения. Поэтому в следующих материалах будем обновлятся с технологиями и выйдем на высший уровень. Так-что продолжение следует...