Skip to main content
adicionou 2 caracteres ao conteúdo
Fonte Link

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente. obs2: estou usando o pycharm para fazer o projeto

Edit:

estrutura do projeto

flask-test 
   /static 
      style.css 
   /templates 
      hello.html 
      login.html 
   run.py 

obs2: estou usando o pycharm para fazer o projeto

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente. obs2: estou usando o pycharm para fazer o projeto

Edit:

estrutura do projeto

flask-test 
   /static 
      style.css 
   /templates 
      hello.html 
      login.html 
   run.py 

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente.

Edit:

estrutura do projeto

flask-test 
   /static 
      style.css 
   /templates 
      hello.html 
      login.html 
   run.py 

obs2: estou usando o pycharm para fazer o projeto

adicionou 142 caracteres ao conteúdo
Fonte Link

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente. obs2: estou usando o pycharm para fazer o projeto

Edit:

estrutura do projeto

flask-test 
   /static 
      style.css 
   /templates 
      hello.html 
      login.html 
   run.py 

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente.

Estou tentando colocar estilos css, mas só pegou o primeiro bloco de código no meu style.css
style.css

  h1 {
    color: blue;
}

.login {
  display: inline-block;
  padding: 15px;
  border-radius: 4%;
  text-decoration: none;
  margin: 12px;
  color: white;
  background-color: #34ADFB;
  transition: background-color 400ms ease-out;
}

.login:hover {
  background-color: #2B96DA;
}

.login:active {
  background-color: #34ADFB;
}

hello.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello from flask</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css')}}">
</head>
<body>
    {%- if name %}
        <h1>Hello {{ name }}!</h1>
    {% else %}
        <h1>Hello World!</h1>
    {% endif -%}
    <a class="login" href="{{ url_for('login') }}">Fazer login agora!</a>
</body>
</html>

Quando dou run no flask, somente esse bloco aparece:

  h1 {
    color: blue;
}

obs: já testei meu css no site jsbin, e funcionou normalmente. obs2: estou usando o pycharm para fazer o projeto

Edit:

estrutura do projeto

flask-test 
   /static 
      style.css 
   /templates 
      hello.html 
      login.html 
   run.py 
tags editadas
Link
Fonte Link
Carregando