Edson-melo
-
Total de itens
1 -
Registro em
-
Última visita
Sobre Edson-melo
Edson-melo's Achievements
0
Reputação
-
O css não está funcionado no p e h1
uma questão postou Edson-melo Tutoriais & Dicas - HTML, XHTML, CSS
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!