Как я могу изменить цвет фона в разных местах на сайте?

Question

(извините за мой плохой английский)

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

P.S: я новичок в HTML

Answer 1

если вы создаете разные страницы и каждая страница имеет свое собственное меню, вы можете создать встроенный стиль, например: на домашней странице на странице входа

но если у вас есть одно меню в вашем проекте, вы можете взять URL окна с помощью javascript и проверить его, если вы находитесь дома, сделайте фон белым, а если вы находитесь на странице входа, сделайте фон черным. например: var menu = document.getElementById ("menu")

if(window.location == "home/")
{
  menu.style.backgroundColor = "white";
}
else if (window.location == "login/") 
{
  menu.style.backgroundColor = "black";
}

Вы должны написать истинный URL

Answer 2

Несколько указателей.

Во-первых, используйте много DIV (или section, aside и т. Д.). DIV - это оболочки / контейнеры, в которые вы помещаете другой HTML-код. Вы можете стилизовать этот контейнер, полный кода, чтобы иметь другой цвет фона (или другой отступ, или другое положение, и т. Д.). Большинство начинающих делают ошибку, используя слишком мало таких контейнеров. (Разделы и разделы работают так же, как DIV, но по-разному обрабатываются поисковыми системами.)

Затем откройте для себя javascript (и его простой в использовании двоюродный брат jQuery). Если вы хотите, чтобы стиль менял на лету , это javascript.

jQuery почти похож на другой язык, но на самом деле это библиотека javascript, которая превращается в чистый javascript во время выполнения - но вам не нужно беспокоиться о деталях. Просто используйте его - многие из нас думают, что это огромное улучшение в JavaScript, особенно для начинающих. Обратите внимание, что это не одно или другое решение - вы можете смешивать / сопоставлять чистый javascript с кодом jQuery. Прочитайте часовое руководство по jQuery, а затем повторите его десять раз (пока вы его не освоите).

Итак, на ваш вопрос.

Вы поместите главное меню в DIV - фактически, все меню может состоять из DIV внутри DIV, - но вы установите цвет фона внешнего DIV на белый.

Когда появится экран входа в систему (который звучит как javascript / jQuery в действии для меня ...), вы будете использовать этот же код для изменения цвета фона главного меню. В jQuery код может выглядеть примерно так:

$('#login_button_ID').click(function(){
     $('#login_div_ID').show();
     $('#mainmenu_div_ID').css('background','black');
     // -OR- $('#mainmenu_div_ID').addClass('bgBlack');
});

Не так сложно, правда?

Answer 3

Добро пожаловать в стек переполнения! Вам захочется немного лучше изучить CSS и HTML , чтобы сделать ваш сайт более удобным для пользователя. Вот как вы можете изменить цвет фона на веб-странице (используя встроенный CSS), добавьте следующий код в ваши теги:

 <style>
    body {
        color: rgb(255, 255, 255); /* White Color */
    }

    login {
        color: rgb(0, 0, 0); /* Black Color */
    }

    </style>

Вам нужно будет идентифицировать выбранный вами элемент (логин) в вашем CSS, чтобы вы могли вносить в него изменения.

В приведенном выше примере используются цветовые коды rgb для выбора желаемого цвета, однако цвета также могут быть представлены как Hex (# ff0000), HSL и более .

Более подробная информация доступна здесь: www.w3schools.com / html / htmlColors

www.khanacademy.org / вычисления / компьютер-программирование / HTML-CSS /