Boa noite, treinando o que foi ensinado nas vídeo aulas, escrevi uma arquivo html e um css. No Internet Explore mostra todas as informações do arquivo css, mas no FireFox não mostra. O que posso fazer para solucionar?
Solucionado
Boa noite, treinando o que foi ensinado nas vídeo aulas, escrevi uma arquivo html e um css. No Internet Explore mostra todas as informações do arquivo css, mas no FireFox não mostra. O que posso fazer para solucionar?
Fala aí Luis, tudo bem? Poderia postar os códigos HTML e CSS? Ficaria mais fácil para tentar ajudar.
Fico no aguardo.
E ai Matheus, tudo certo. Tudo bem?Então, de manhã no código em outro computador, todos os estilos colocados no código do css apareciam no Internet Explore. Quando acesso em meu computador pessoal novamente, volta ao normal e aparece no FireFox também. Não sei porque deu certo, mas algo aconteceu para funcionar.
De qualquer forma, vou enviar os códigos para você. Esta um pouco diferente dos da aula pois estou aproveitando para fazer um site pessoal, além do treinamento da vídeo aula, mas me baseio nas aulas.
No momento, eu não consegui modificar o tamanho da fonte. Ex: font-size 120%; Não mostra em meu navegador do firefox.
<!DOCTYPE html>
<html> <!-- distinção entre html, head e body são identações-->
<head> <!--meta informações (tag) para o navegador-->
<meta charset="utf-8">
<title>Biografia Luis Eduardo Lazarim</title>
<link rel="icon" href="favicon.png">
<!-- atributo é o que vem depois da tag-->
<link rel="stylesheet" type="text/css" href="bio.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
</head>
<body> <!--conteúdo para o usuário-->
<main> <!-- tag recente que serve para agregar semântica, para acessibilidade e usabilidade -->
<h1>Sobre mim</h1>
<p>Moro em Francisco Morato, municipio do estado de <em>São Paulo</em>, formado em bacharel de ciências biológicas.</p>
<p>Atualmente, estudo na <a href="http://www.alura.com.br">Alura</a>, com foco em <strong>engenharia de Front-end, programação, desenvolvimento Java e administração de rede</strong>, também cursando análises e desenvolvimento de sistema, superior técnologo no modo EaD, na Universidade Paulista.</p>
<p>Tenho interesse em me aperfeiçoar para atuar na área da biotecnologia, bioinformatica e divulgação cientifica. </p>
<h2>Como trabalho</h2>
<p>Trabalho como técnico de laboratório em universidade.</p>
<p>Como responsável pela dinâmica das aulas. </p>
<p>Além disso...</p>
<h2>Experiencia</h2>
<p>Além disso...</p>
<blockquote>
<p>Realizou projeto de sinalização de dano ao DNA, focando em biologia molecular, utilizando métodos de bioquimica e ferramentas de biotécnologia e bioinformátiva</p>
<cite>Butantan, Fapesp</cite>
</blockquote>
<p>Minha profissão começou na carreira de estoquista, com objetivo de organizar, controlar e dispor diversos materiais para construção, seguido de promoção para vendedor. Como foi isso? Muito informativo, senti a mudança de perspectiva de um cargo para o outro, a importância que um exersse sobre o outro...</p>
<h2>Comunidade</h2>
<p>Visite o <a href="blog.html">blog</a>.</p>
<article> <!-- representa um elemento que, por si só, já tem sentido completo, ou seja, cada um deles representa um bloco único de conteúdo, de artigo de post -->
<h2>JavaScript não obstrusivo</h2>
<time datetime="2018/12/20">20 de dezembro de 2018</time>
<p>JavaScript é uma linguagem essencial hoje em dia para criar páginas ricas, interativas e dinâmicas. Porém, há alguns cuidados que devem ser tomados ao colocarmos código JavaScript em nossas páginas.</p>
<a href="#">Leia mais</a>
<p>Tags: <a href="#">design responsivo</a>, <a href="#">mobile</a>, <a href="#">css</a></p>
<time datetime="2018/12/20">20 de dezembro de 2018</time>
</article>
</main>
<img src="eu_filho.jpg" alt="foto de Luis Eduardo e seu filho, Caio Leon"> <!-- html semântico é a colocação de informações claras e concisas -->
<aside>
<nav> <!-- tag recente que serve para agregar semântica -->
<h1>Luis Eduardo Lazarim</h1>
<ul> <!-- Tag para cria lista de qualquer coisa -->
<li><a href="index.html">Home</a></li>
<li><a href="portifolio.html">Portifólio</a></li>
<li><a href="bio.html">Sobre mim</a></li>
<li><a href="blogEsse é o código do css:
body {
font-size: 120%;
background-color: rgb(255,255,255);
}
main a {
color: #851944;
}
aside a {
color: inherit; /* usa a cor da tag pai, nesse caso será da MAIN */
font-family: "Open Sans Condensed", sans-serif;
}
main h1 {
/* espaço = dentro */
font-size: 60px;
background-color: #FF8000; /* cor definida por decimal (r[red],g[green],b[blue])*/
color: #fafffa; /* cor definida por código hexadecimal segundo W3C*/
text-align: center;
font-family: "Times New Roman", serif;
}
h2 {
font-size: 30px;
font-family: "Times New Roman", serif;
}
p {
font-size: 15px;
font-family: "Arial", sans-serif;
text-align: justify;
}
blockquote {
background-color: #D9E5E3;
}
aside {
background-color: #FE9A2E;
color: #F2FFFC;
}
nav a {
color: #F2FFFC;
}
footer {
background-color: rgb(0,0,0);
color: #F2FFFC;
}Estou aberto a dicas e quaisquer orientações. Parte do texto no html é uma forma de me apresentar.
Desde já agradeço.
Oi Luiz eu não entendi a sua dúvida não tava abrindo sua página com os estilos css, é isso? E agora abriu normal ? Eu testei aqui e funcionou normalmente, lembre-se que o arquivo que executamos no navegador é o arquivo .html