O estilo pega no arquivo html, mas quando ligo no css ele pega somente o background-color e os seus semelhantes , porém no paragrafo e no título não pega. O meu código html é esse:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Tudo sobre Google Gless</title>
<hgroup>
<h3>Tecnologia > Inovações<h3>
<h1>Saiba tudo sobre o Google Glass</h1>
<h2>por Edson de Melo souza<h2>
<h3>Atualizado em 23/junho/2019</h3>
</hgroup>
<h1>O que é</h1>
<p> O <span style="text-decoration: none;">Google Glass</span> é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de <a href="http:glass.google.com" target="_blank">project Glass</a>, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o <em>Google Glass</em> encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório.</p>
<figure class="foto-legenda">
<img src="C:\Users\edson\Desktop\curso-html5-pacote01\projeto-glass-html5\_imagens\glass-quadro-homem-mulher.jpg">
<figcaption>
<h3> Uma nova maneira de ver o mundo<h3>
</figcaption>
</figure>
<h1>Data de lançamento</h1>
<p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.</p>
<h2>Especificações Técnicas</h2>
Tabela Técnica do Google Glass Mar/2013
Tela:Resolução equivalente a tela de 25"
Camera: 5MP para fotos / 720p para vídeos
Conectividade: Wi-Fi/ Bluetooth
Memória Interna: 12GB
<h2>Como funciona</h2>
<p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça</p>
<h1>O que você pode fazer com o Google Glasses</h1>
<p>O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-<wbr>humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz.</p>
[AQUI ENTRA UM VÍDEO]
<h1>Outras Notícias</h1>
<h1>Vídeo mais recente</h1>
[AQUI ENTRA UM VÍDEO]
<h2>Novidades no Glass</h2>
<p>O Google enfim revelou as es­pe­ci­fi­ca­ções completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.<p>
<p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.</p>
Pergunta
Edson-melo
O estilo pega no arquivo html, mas quando ligo no css ele pega somente o background-color e os seus semelhantes , porém no paragrafo e no título não pega. O meu código html é esse:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Tudo sobre Google Gless</title>
<link rel="stylesheet" href="C:\Users\edson\Desktop\curso-html5-pacote01\projeto-glass-html5\_css\estilo.css"/>
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
<img src="_imagens\glass-oculos-preto-peq.png"/>
<nav id="menu">
<h1>Menu Principal</h1>
<ul type="disc">
<ul type="1" start="1">
<li><a href="index.html"/a>home</li>
<li><a href="specs.html">Especificações</a></li>
<li><a href="fotos.html">Fotos</a></li>
<li><a href="Multimidia.html">Multimídia</a></li>
<li><a href="Fale-conosco.html" >Fale conosco</a></li>
</ul>
</nav>
</header>
<hgroup>
<h3>Tecnologia > Inovações<h3>
<h1>Saiba tudo sobre o Google Glass</h1>
<h2>por Edson de Melo souza<h2>
<h3>Atualizado em 23/junho/2019</h3>
</hgroup>
<h1>O que é</h1>
<p> O <span style="text-decoration: none;">Google Glass</span> é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de <a href="http:glass.google.com" target="_blank">project Glass</a>, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o <em>Google Glass</em> encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório.</p>
<figure class="foto-legenda">
<img src="C:\Users\edson\Desktop\curso-html5-pacote01\projeto-glass-html5\_imagens\glass-quadro-homem-mulher.jpg">
<figcaption>
<h3> Uma nova maneira de ver o mundo<h3>
</figcaption>
</figure>
<h1>Data de lançamento</h1>
<p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.</p>
<h2>Especificações Técnicas</h2>
Tabela Técnica do Google Glass Mar/2013
Tela:Resolução equivalente a tela de 25"
Camera: 5MP para fotos / 720p para vídeos
Conectividade: Wi-Fi/ Bluetooth
Memória Interna: 12GB
<h2>Como funciona</h2>
<p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça</p>
<h1>O que você pode fazer com o Google Glasses</h1>
<p>O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-<wbr>humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz.</p>
[AQUI ENTRA UM VÍDEO]
<h1>Outras Notícias</h1>
<h1>Vídeo mais recente</h1>
[AQUI ENTRA UM VÍDEO]
<h2>Novidades no Glass</h2>
<p>O Google enfim revelou as es­pe­ci­fi­ca­ções completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.<p>
<p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.</p>
<p>Copyright 2013© - by Edson de Melo Souza
Facebook | Twitter</p>
</div>
</body>
</html>
O css é esse:
charset "UTF-8"
body{
text-align: justify;
text-indent: 50px;
}
/* legenda da imagem */
figure.foto-legenda{
position: relative;
border: 2px solid white;
}
figure.foto-legenda img{
width: 100%;
height: 100%;
}
figure.foto-legenda figcaption{
opacity: 0;
position: absolute;
top:0px;
background-color: rgba(0,0,0,.4);
color: white;
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
transition: opacity 1s;
}
figure.foto-legenda:hover figcaption{
opacity: 1;
}
/* formatação do Menu */
nav#menu{
display: block;
}
nav#menu ul{
list-style: none;
text-transform: uppercase;
position: absolute;
top: -20px;
left: 300px;
}
nav#menu li {
display: inline-block;
background-color: #dddddd;
padding: 10px;
margin: 2px;
}
/*formatação do menu*/
nav#menu ul{
list-style: none;
text-transform:uppercase;
}
nav.menu li{
display: inline-block;
}
Alguém pode ajudar a min, por favor!
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.