Member 13622474 Ответов: 3

Как связать мой HTML - файл с моим CSS-файлом?


Я пытаюсь создать веб-сайт, но не могу связать свой html - файл с css-файлом.

Что я уже пробовал:

Я использовал базовую строку кода, чтобы связать их, но это не работает. Мой css-файл называется style.css, и он находится в той же папке, что и мой html-файл, поэтому я не понимаю, в чем проблема.
Вот мой html код:
<!DOCTYPE html>
<html>
	<head>
		<title>Fashion closet website</title>
		
		<link rel="stylesheet" type="text/css" href="style.css"/>
	
	
	
	</head>
	<body>
		<header>
		<div class="row">
			<div class="logo">
			<img src="logo.jpg"
			</div>
		<ul class="main-nav">
			<li class="active"><a href=""<li><a href=""> HOME </a></li>
			<li><a href=""> SERVICES </a></li>
			<li><a href=""> ABOUT </a></li>
			<li><a href=""> CONTACT </a></li>
			<li><a href=""> NEWS </a></li>
			<li><a href=""> FAQ </a></li>
			
		</ul>
		
		</div>
		
		<div class="pinky">
		<h1>ALL YOU CAN WEAR</h1>
			<div class="button">
				<a href="" class="btn btn-one"> Open closet</a>
				
			</div>
		</div>
	
	
	
	
	
	
	</header>
		
		
		
	
	
	</body>








</html>

		    
                    

[no name]

Это правильный путь, поэтому проблема должна быть где-то в другом месте. Разрешает ли ваш сервер доступ к этому файлу?

Jochen Arndt

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

Mohibur Rashid

Вы можете получить доступ http://localhost/style.css

3 Ответов

Рейтинг:
2

W∴ Balboos, GHB

Сделайте все это еще на один шаг назад.
Если содержимое вашего CSS-файла было помещено в ваш фактический файл (вместо ссылки), работает ли это?

Не видя содержимого вашего CSS-файла, мы можем только надеяться, что он правильно отформатирован. Не только содержание ваших классов, но и сам файл.



Рейтинг:
1

FireMonkey92

Запустите свой веб-сайт , щелкните правой кнопкой мыши и выберите "Просмотр источника страницы" (если вы используете google chrome) и нажмите на ссылку href, предоставленную для вашего css-файла. он должен открыть ваш css-файл. если он загружается, это означает, что u успешно загрузил файл ur css, а если нет, то u должен быть написан с ошибкой или путь должен быть неправильным.

Еще одна вещь, которую вы можете сделать, - это проверить, находится ли ваш css-код в правильной структуре.


Рейтинг:
0

muhammad sufiyan

<link rel="таблица стилей" type="text/css" href="style.css">