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>
Sou novo tanto no fórum quanto a programação em PHP.
Minha duvida é como faço para remover o espaço criando no topo, pelo que eu vi é o <body> é como se a tag <?php? estivesse abrando abaixo da body.
no código php verificar se tem um arquivo e se não tiver ele abre um include com uma pagina inframe de um vídeo do youtube.
<title>Documento</title>
<meta HTTP-EQUIV="refresh" CONTENT="380">
<?php include ("conexao.php");?>
<style type="text/css">
</style>
</head>
<body>
<?php
$arquivo = ("2/index.php");/* Esse é o arquivo*/
if (file_exists($arquivo)) /*Verificar se existe o arquivo*/
{
include ("$arquivo"); /*Se ele estive presente abrir */
}
else /*Se ele estiver ausente abrir (1/index.php)*/
{
include ("1/index.php");
}
?>
</body>
</html>
Obs 1. já criei um novo body com dimensões 0px, já botei o php dentro de uma div top 0px. nada resolve, acho é aquele icone php que aparece quando a pagina está off, não sei!
Alguém me ajuda.
Obs 2; na página onde se encontra o iframe do youtube abre normal.
Como posso remover uma classe, no caso a tag BODY { e suas propriedades }?
No caso, gostaria de remover ela, e atribuir novamente ela denovo, mas com propriedades diferentes....???
Tentei assim, mas não deu:
<script type="text/javascript">
$(document).ready(function() {
$('html').removeClass("body")
$('html').addClass("background-color","#DCE5F2")
});
</script>
Teria que assim q carregar a página, fazer um load para autocarregar?
É possível isso?
Se sim, gostaria de contribuições,
No mais, obrigado.
Até....
Olá, estava querendo aplicar um efeito blur em todo o body, menos em uma div, tentei mais ou menos assim, mas não funcionou :/ as duas imagens ficam com o efeito blur
<html>
<head>
<style>
body:hover {
-webkit-filter: blur(10px);
filter: blur(0px);
}
#semefeito {
-webkit-filter: blur(0px);
filter: blur(0px);
}
body #semefeito:hover {
-webkit-filter: blur(0px);
filter: blur(0px);
}
</style>
</head>
<body>
<div><img width=300 src="http://oi44.tinypic.com/1ymkup.jpg"></div>
<div id="semefeito"><img width=300 src="http://oi44.tinypic.com/1ymkup.jpg"></div>
</body>
</html>