Member 13546856 Ответов: 1

Программа по умолчанию для CSS?


Я пытаюсь сделать свою первую веб - страницу.

У меня есть css файл

тело {
цвет фона: светло-голубой;
}

и код тоже
<!doctype html>
<html>
  <head>
    <title> My web Page </title>  
   
<link rel="stylesheet" type="text/css" href="leser/main.css">
  
  </head>

  <body>   
   <h1>  My webSite</h1>
   <ul> 
        <li>home </li>
        <li> <a href="page2.html"> page 2  </li>
        <li> <a href="page3.html"> page 3   </li>
   </ul>
   <h2> This is my homepage content</h2>
   </body>

</html>



Проблема в том, что css не будет отображаться. By accedent зарядил программу по умолчанию для css-программ в skype, но изменил ее обратно в блокнот. Я не знаю, какая программа была оригинальной. Это код или программа по умолчанию, которая является неправильной?

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

Я пытался изменить программу открытия css по умолчанию на разные типы, и я пытался сделать css как tage внутри индексной страницы, но это не сработало.

Я тоже попробовал это сделать

<!doctype html>
<html>
  <head>
    <title> My web Page </title>  
   

<style>
body {
    background-color: red;
}

</style>
  </head>

  <body>   
   <h1>  My webSite</h1>
   <ul> 
        <li>home </li>
        <li> <a href="page2.html"> page 2  </li>
        <li> <a href="page3.html"> page 3   </li>
   </ul>
   <h2> This is my homepage content</h2>
   </body>

</html>

Karthik_Mahalingam

приведенный выше код работает. в чем же проблема?

Member 13546856

когда я это делаю, это не работает.
Фон не красный.
Я верю, что это как-то связано с тем, что я изменил программу по умолчанию, чтобы открыть css-файлы, но я не знаю.

Karthik_Mahalingam

это то, что я пробовал

<!doctype html>
<html>
<head>
    <style>
        body {
            background-color: red;
        }
    </style>
</head>
<body>
    <h1>  My webSite</h1>
    <ul>
        <li>home </li>
        <li> <a href="page2.html"> page 2  </li>
        <li> <a href="page3.html"> page 3   </li>
    </ul>
    <h2> This is my homepage content</h2>
</body>
</html>

enhzflep

Находится ли CSS-файл в нужном месте? Вам нужно поставить main.html файл где-нибудь. Внутри *того же самого места* вам нужна папка под названием "leser". Внутри этой новой папки вы помещаете свой css-файл.
Если вы сделаете это, загрузите страницу, а затем нажмите Ctrl-Shift-I (Chrome), вы вызовете инструменты разработчика. Вы сразу же увидите, что файл найден, но какая-то другая проблема препятствует внесению визуальных изменений, так как для CSS-файла будет ошибка типа "не удалось загрузить".

Member 13546856

Css находится в правильном файле. У меня есть папка под названием "Лесер".
Я загружаю страницу, нажав ctrl + o правильно?
Ничего не происходит, когда я нажимаю x + shift + l

Какую программу я должен отметить как ту, в которой можно читать css-файлы?
когда вы щелкаете правой кнопкой мыши файл и выбираете "открыть как", а затем отмечаете "всегда использовать эту программу для открытия". Я выбрал"скайп". Может быть, это и есть проблема?

enhzflep

Обычно я использую F5 для перезагрузки страницы. (Пользователь Chrome здесь)
Комбинация горячих клавиш, которую я упомянул (Ctrl-Shift-I) вместе с моим поставщиком браузера, была плохим способом предложить вам открыть консоль "инструменты разработчика" Вашего браузера. Если вы откроете dev-tools, то увидите больше информации о своих проблемах.

Нет, приятель, даже близко нет. Все, что вы сделали, это сделали так, чтобы при двойном щелчке CSS-файла Skype попытался его открыть. !упс! Обычная вещь, которую люди имеют здесь, - это либо ничего-то есть нет ассоциации файлов для css-файлов, либо они связывают их с текстовым редактором. Это не более чем удобство. Он позволяет вам дважды щелкнуть, чтобы отредактировать файл, а не щелкнуть правой кнопкой мыши и открыть-с помощью или перетащив его в открытое окно текстового редактора.

EDIT: почему вы "нажимаете x + shift + l" и ожидаете, что что-то произойдет после прочтения моего поста? Вам нужно нажать Ctrl+Shift+I (это 3 клавиши, которые все удерживаются одновременно. Одна буква, i и две клавиши - модификаторы-Ctrl и Shift. :p

1 Ответов

Рейтинг:
6

Dave Kreskowiak

Внимательно посмотрите на свой тег body в HTML. Вы, кажется, неправильно его написали.


Member 13546856

Я изменил его. Это не было решением проблемы

Dave Kreskowiak

Хорошо, если у вас есть ваш HTML-файл в папке, а затем ваш CSS-файл в подпапке этой папки, это должно сработать, если все написано правильно.

Вам также не нужны теги <!doctype html & gt;.

Dave Kreskowiak

Именно это я и сделал.

Создайте папку на рабочем столе, которая называется "Тест". Поместите этот файл в эту папку и назовите его "Test.html":

<html>
	<head>
		<title> My web Page </title>     
		<link rel="stylesheet" type="text/css" href="leser\main.css">
	</head>
 
<body>   
	<h1>My webSite</h1>
	<ul> 
		<li>home </li>
		<li><a href="page2.html">page 2</li>
		<li><a href="page3.html"> page 3</li>
	</ul>
	<h2>This is my homepage content</h2>
</body>
</html>

Создайте подпапку под названием "leser" в папке, которую вы создали выше. В этой папке создайте следующий CSS-файл и назовите его "main.css":
body {
	background-color: lightblue;
}