Как мне получить мою css ссылку на мою html f ie? - PullRequest
0 голосов
/ 29 апреля 2020

Я использую возвышенный текст для создания веб-сайта, и мой CSS файл не ссылается на мой HTML. Я посмотрел это, и все, кажется, закодировано правильно (также сохранено в той же папке). Так что я не уверен, что я делаю не так?

HTML:

<head>
    <title>shannonkelseyann</title>
    <link href="styles/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <h1>My portfolio</h1>
    <ul>
        <li>Home</li>
        <li><a href="page2.html">page 2</a></li>
        <li><a href="page3.html">page 3</a></li>
    </ul>
    <h2>This is my homepage</h2>
    <p>And all of my homepage content</p>
</body>

CSS:

body {
	font-family: arial;
	background: red;
}

Ответы [ 2 ]

1 голос
/ 29 апреля 2020

добро пожаловать в Stackoverflow.

Если ваш css файл действительно находится в той же папке, что и ваш html файл, как вы сказали в своем вопросе, то вам нужно отредактировать ссылку, чтобы отразить это. На данный момент у вас есть:

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

Вы говорите браузеру, что таблица стилей находится внутри папки "styles". Если он действительно находится в той же папке, что и ваш html, то вы бы использовали:

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

Чем должен быть href, будет зависеть от структуры папок на вашем сервере, с которой сравнивается css на html и с какого URL вы переходите на страницу html.

1 голос
/ 29 апреля 2020

Если файл CSS сохранен в той же папке, что и HTML, вам просто нужно использовать имя файла напрямую без /styles:

<head>
    <title>shannonkelseyann</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
</head>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...