Arquivo Discussoes de Programacao e Tecnologia digito o código na pasta estilo.css para alterar o cor do fundo da página, mas na página html não faz a mudança.
digitei conforme abaixo:
estilo.css
<strong>body,</strong>
<strong>html{</strong>
** background: #60a3bc;**
** margin: 0;**
** padding: 0;**
** height: 100%;**
<strong>}</strong>
na página html digitado conforme abaixo:
mas quando executo o arquivo não altera a cor, fiz o teste para a fonte da letra e tbm não funciona
Qual?
Quando for postar código, favor utilizar a ferramenta que o fórum disponibiliza para isso.
Selecione o trecho de código e clique no botão </> acima do editor.
body,
html{
background: #60a3bc;
margin: 0;
padding: 0;
height: 100%;
}
Supondo que o diretório que o index.html não esteja diretório raiz…
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="application-name" content="Teste">
<meta name="description" content="CSS externo">
<meta name="keywords" content="HTML, CSS">
<meta name="generator" content="notepad++ v.7.7.1">
<meta name="author" content="von Dschungel">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Para voltar uma pasta usa-se dois pontos -->
<link rel="stylesheet" text="text/css" href="../css/estilo.css">
<title></titile>
</head>
<body>
<p>Teste</p>
</body>
</html>
Para mais detalhes, consulte: W3Schools - CSS, How To.
Aqui você está dizendo que o arquivo css está um nível abaixo do html, num diretório chamado css em um arquivo chamado estilo.css.
É isso mesmo?
|-- o_arquivo.html
|-css
|-estilo.css
É isso mesmo?
Não, talvez tenha me expressado mal. Um nível acima (o diretório do css), supondo que o index dele não esteja na pasta raiz.
<!-- Para voltar uma pasta usa-se dois pontos -->
Atualizei, creio que agora tenha ficado mais claro o que eu quis dizer. Algo como isso:
|-- projeto
|-- css
|-- estilo.css
|-- paginas
|-- index.html
Fiz a alteração no código, mas não funcionou. meu código está conforme abaixo no HTML
Login Portal Q-Cursos<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" text="text/css" href="../css/estilo-login.css">
<style type="text/css">
h1 {font-size: 30px; font-family: arial}
h2 {font-size: 15px; font-family: courier}
p {font-size: 8px; font-family: times new roman}
<div class="container h-100">
<div class="d-flex justify-content-center h-100">
<div class="logo_circular">
<img src="img/logo.png">
</div>
</div>
</div>
na pasta css esta conforme abaixo:
body,
html{
background: #60a3bc;
margin: 0;
padding: 0;
height: 100%;
}
.logo_circular{
}
Glória a Deus consegui tirei os 2 pontos e a barra da frente do css
Valeu galera obrigado pela ajuda que Deus abençoe a tds, estou começando na programação faço sistema de informação