Jump to content
Fórum Script Brasil
  • 0

O css não está funcionado no p e h1


Question

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&shy;pe&shy;ci&shy;fi&shy;ca&shy;çõ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&copy; - 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 to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      148692
    • Total Posts
      644525
×
×
  • Create New...