Jump to content
Nyetto

Problema básico com CSS dentro de Body e H1

Recommended Posts

 

Bom dia! Estou iniciando meus estudos em HTML e CSS e estou com um problema que não consigo resolver.

Não tive problemas em aplicar o CSS em h1, mas ao abrir body{}, um retângulo azul apareceu na visualização e não consigo tirá-lo de lá de jeito nenhum! como proceder?

h1{
    color: indianred;
    text-align: center;
}
body{
background: black;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title> TESTE </title>
    <link href="styles.css" rel="stylesheet">
</head>
<body>
  <h1> TESTE DE CSS </h1>  
</body>
</html>

 

Captura de Tela 2019-03-27 às 09.00.52.png

Share this post


Link to post
Share on other sites

Aqui não apresentou problemas utilizando o mesmo código, porém, se tu estiver Inspecionando o elemento, o mesmo irá ser marcar com um retângulo, pois o retângulo terá como intenção "mostrar o bloco" selecionado/inspecionado. 

 

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8" />
    	<title> TESTE </title>
	</head>

	<body>
      	<!-- UTILIZA O CSS NA MESMA PÁGINA -->
		<style type="text/css">
		h1 {
		    color: #CD5C5C; /* Cor em Hexadecimal */
		    text-align: center;
		}
		body {
			background: #000000;
		}
		</style>

		<h1> TESTE DE CSS </h1>  
	</body>
</html>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Olá pessoal. direto ao ponto. O código abaixo está ok, clico no botão e o javascript  mostra o conteúdo da div. Gostaria que mesmo atualizando a página/f5 o conteúdo da div continuasse visível. Como resolver este problema? Obrigado !
      <div id="id_tete" style="background:#EBEBEB; font-size:30px; display:none; "> manter conteudo da div visivel mesmo atualizando a página/f5 </div> <button name="ffsd" onClick="func_mostrar()">click</button> <script> function func_mostrar(){ var x = document.getElementById("id_tete"); x.style.display = "block"; } </script>  
    • By Biel.
      Olá pessoal Direto ao ponto. A imagem abaixo tem EX1 e EX2 . Como fazer o código imprimir o mesmo resultado que o EX2 ?  Obrigado !
      <style> *{ margin:0; padding:0;} .divprincipal{ display: flex; flex-wrap:wrap; align-items: center; padding:10px; border:1px solid black; } .aprendiz{ width:300px; margin-left:20px; border:1px solid black; } h1{ width:100%; display:block; } b{ font-weight:normal; margin-bottom:8px; line-height:24px; display:block; border:1px solid black; } </style> <div class="divprincipal"> <div class="aprendiz"> <h1>cabeçalho A</h1> <b> s simply dummy text of the printing and typesetting industry. Lorem has been the industry’s standard text ever sinn printer took a galley of type and scrambled it to make a </b> </div> <div class="aprendiz"> <h1 >cabeçalho B</h1> <b>s simply dummy text of the printing </b> </div> </div>  

    • By Biel.
      Problema resolvido.
       
      <select name="cores"  size="3" >
          <option value="red" selected>red</option>
          <option value="blue" selected>blue</option>
           <option value="green" selected>green</option>
      </select>
    • By Biel.
      Olá pessoal. Direto ao ponto. Como forçar seleção de todos itens do select ? Obrigado !
      <form action="pagina1.php"> <select name="aprendiz" multiple="multiple" size="3" > <option>item1</option> <option>item2</option> <option>item3</option> </select>  
    • By Biel.
      Olá pessoal. Direto ao ponto 
      A primeira instrução [a-z]{1,3} especifiquei min 1 e max 3 letras para validar 
      A segunda instrução (.[a-z]{1,3})? coloquei na mesma $regex porque pode ou não existir na $campoDeTexto
      Como fazer a primeira instrução não enxergar a segunda instrução ou seja entender que seu máximo é até 3 letras e não até 8 letras  Obrigado 
      <?php //$campoDeTexto = "aaa.z"; // pode ou não existir a 2º instrução no campoDeTExto ou seja .z ou .zz ou .zzz $campoDeTexto = "aaaaaaaa"; $regex = '/^[a-z]{1,3}(.[a-z]{1,3})?$/i'; if (preg_match($regex, $campoDeTexto)){ echo "valida "; } else{ echo "nao valida"; } ?>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.