Таблица стилей Css не будет связываться с HTML-страницей.
Здравствуйте,я создаю сайт. Я уже создал свою домашнюю страницу, и у меня не было никаких проблем со связыванием моей домашней страницы html-страницы с моей таблицей стилей css, но у меня есть проблема со связыванием моей второй html-страницы с моей таблицей стилей css. Кстати, у меня есть разные таблицы стилей css для разных html-страниц. Я что-то упустил?
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>AfroChic</title>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link rel="stylesheet" href="style/hair.css">
</head>
<body>
<nav class="navbar">
<span class="open-slide">
<a href="#" onclick="openSlideMenu()">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="#F76C6C"
stroke-width="5"/>
<path d="M0,14 30,14" stroke="#F76C6C"
stroke-width="5"/>
<path d="M0,23 30,23" stroke="#F76C6C"
stroke-width="5"/>
</svg>
</a>
</span>
<ul class="navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="hair/hair.html">Hair</a></li>
<li><a href="makeup/makeup.html">Make up</a></li>
<li><a href="skincare/skincare.html">Skin Care</a></li>
<li><a href="blog/blog.html">Blog</a></li>
</ul>
</nav>
Что я уже пробовал:
Я искал решение в интернете уже более двух часов и перепробовал все, что знаю, я только начал кодировать, так что многого не знаю.
Prifti Constantine
Кто из них куда пойдет? Куда идет cdn и где находится css-файл locan?
Mohibur Rashid
это ваш первый html и второй html находятся в одном каталоге.
Member 14142347
Нет они находятся в другом каталоге
Richard Deeming
Вы не забыли обновить список href в таблице стилей <link> чтобы объяснить это?
Пути к HTML-файлам[^]
Например, если HTML находится в hair/hair.html и таблица стилей находится внутри style/hair.css, то связь будет такой:
<link rel="stylesheet" href="../style/hair.css">
Обратите внимание на
../ в начале, которое перемещается в родительский каталог.
Member 14142347
Спасибо за ответ, добавил я ../ и это сработало. Спасибо
Bob@work
После создания локального CSS "/style/hair.css" и присвоения всему семейству шрифтов "lobster" он, кажется, работает. Это займет некоторое время, чтобы загрузить шрифт Google в первый раз. Как выглядит ваш локальный CSS-файл? Может быть, это ошибка, препятствующая желаемому внешнему виду?
/* стиль/hair.css */
* {семейство шрифтов:lobster;
размер шрифта:20pt;
}
Mohibur Rashid
Я знаю, что у тебя есть свое решение, но ты чему-нибудь научился из этого?
Member 14142347
Да, ../ означает каталог на два уровня выше текущего. Поэтому, когда я пытаюсь связать файл, который находится в другой папке, я должен добавить это ../
Mohibur Rashid
не два уровня, а один уровень
Допустим, вы находитесь в следующем каталоге
&ГТ; компакт-диск в /var/www и HTML-верстки/
> ls *
index1.html
another_dirctor/index2.html
УСБ Майне.в CSS
index1.html адрес main.css как
УСБ Майне.в CSS
но
another_dirctor/index2.html адрес как
../УСБ Майне.в CSS
поскольку css принадлежит родительскому каталогу another_dirctor/
вы можете избежать всего этого и адресовать путь таким же образом в любом месте проекта, поставив абсолютный путь к файлу
скажите, что ваш хозяин-это
www.liveblog.com
а в корне html-проекта у вас есть css/main.css
тогда ваш src может быть
//www.liveblog.com/css/main.css