Как мне переместить элементы (то есть divs, head, body) в CSS и правильно изменить цвет фона? - PullRequest
0 голосов
/ 14 января 2019

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

файл python:

from flask import Flask, request, render_template

app = Flask(__name__)


@app.route('/homepage')
def homepage():
return render_template('homepage.html')

if __name__ == "__main__":
app.run(debug=True)

HTML-файл:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='homepage.css')}}">
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <div class="navbar">
      <h1 id=home>Home <h2>
      <h1 id=about>About <h2>
      <h1 id=location>Location <h2>
    </div>
  <h1 id=logo>4/12</h1>
</head>

<body>
  <h1> welcome to the homepage</h1>
</body>

css page:

  background-color: #333333;
}
#logo{
  position: relative;
}
#home{
  font-family: 'Raleway', sans-serif;
  text-align: center;
}
#about{
  font-family: 'Raleway', sans-serif;
}
#location{
  font-family: 'Raleway', sans-serif;
}

1 Ответ

0 голосов
/ 14 января 2019

Поместите свой Nav в тело, весь HTML-код, показанный на экране, идет в теле.

Затем поместите тег body на цвет фона в CSS.

body{

  background-color: #333333;
}
#logo{
  position: relative;
}
#home{
  font-family: 'Raleway', sans-serif;
  text-align: center;
}
#about{
  font-family: 'Raleway', sans-serif;
}
#location{
  font-family: 'Raleway', sans-serif;
}
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='homepage.css')}}">
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

</head>

<body>
     <h1> welcome to the homepage</h1>
      <div class="navbar">
      <h1 id=home>Home <h2>
      <h1 id=about>About <h2>
      <h1 id=location>Location <h2>
    </div>
  <h1 id=logo>4/12</h1>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...