Как сделать ссылку на другую html с другим стилем? Возможно ли это сделать? - PullRequest
Новая
       0

Как сделать ссылку на другую html с другим стилем? Возможно ли это сделать?

1 голос
/ 30 мая 2020

Я работаю над домашней страницей, на которой есть ссылки на несколько моих проектов. Я пытаюсь установить ссылку на другой html, стиль которого отличается от стиля домашней страницы. Изображения и текст, которые у меня есть для второго html, работают нормально, но они соответствуют стилю домашней страницы, а не собственному дизайну, который отличается. У меня вопрос, можно ли связать другой html с другим стилем? Если да, то как мне это ввести? Когда я пытаюсь поместить стиль для второго html в папку домашней страницы, это не позволяет мне, так как уже есть другой стиль. css Я использовал для главной домашней страницы. Я попытался изменить имя второго файла стиля, но он все еще не работает.

Ответы [ 2 ]

1 голос
/ 30 мая 2020

Если я вас правильно понял, у вас есть две HTML страницы, и вам нужен другой стиль CSS для каждой страницы.

У вас может быть несколько файлов CSS, но нельзя иметь два с одинаковыми именами.

  1. Создайте два разных файла CSS. Например, home. css и secondpage. css
  2. Создайте два разных файла HTML. Например, главная. html и вторая страница. html
  3. Go к <head> домашней страницы. html и добавьте <link href="home.css" type="text/css" rel="stylesheet" />
  4. Go к <head> второй страницы. html и добавьте <link href="secondpage.css" type="text/css" rel="stylesheet" />

Убедитесь, что файлы html и css находятся в одной папке. Если у вас возникли проблемы с поиском <head>, см. Код ниже: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="home.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <p>Hello World</p>
</body>
</html>
0 голосов
/ 30 мая 2020

Да, можно использовать разные стили для разных html страниц. В основном есть два простых способа

  1. Либо вы используете разные css файлы для каждой html страницы (что не рекомендуется): скажем, для домашней страницы. html вы используете mystyle . css 

    <html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
</html>

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

    <html>
<head>
<link rel="stylesheet" type="text/css" href="secondpage.css">
</head>
</html>

    и убедитесь, что вы правильно указали путь

  2. Другой рекомендуемый способ - указать другое имя класса для атрибутов html, чтобы вы могли указать все стили в одной таблице стилей. что также сократит время кодирования вашей страницы.

Допустим, это дом. html: 

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    <body>

    <div class="homepage">
    // Other content here
    </div

    </body>
    </html>

Итак, во втором html файле вы можете использовать другой класс 

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    <body>

    <div class="secondpage">
    // Other content here
    </div

    </body>
    </html>

так что теперь ваш стиль будет выглядеть так: 

.homepage{
        //your style here
        }
.secondpage{
          // your style here
         }

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...