Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Exemplo-CSS-VINCULACAO-EXTERNA
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
Arquivo: VinculoExterno.html
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Folhas de estilo externo</title>
<link rel="stylesheet" type="text/css" href="styles-ant.css"/>
</head>
<body>
<h1>Lista de Compras <em> Segunda</em>:</h1>
<ul>
<li>Leite</li>
<li>Pao
<ul>
<li>Branco</li>
<li>Integral</li>
<li>Doce</li>
</ul>
</li>
<li>Arroz</li>
<li>Batata</li>
<li>Pizza <em> com presunto</em></li>
</ul>
<p><em>Ir para</em>
<a class="nodec" href="http://www.deitel.com"> Site do Deitel</a>
</p>
</body>
</html>
Arquivo: styles-ant.css
/* Folhas de estilo externo */
body {font-family: arial, helvetica, sans-serif}
a.nodec {text-decoration:none} /* aplica esta propriedade a todos os elementos a.
Como padrão os navegadores sublinham o texto de um a. Neste caso para
indicar que o navegador não deve sublinhar o link a propriedade deve ser
none*/
a:hover {text-decoration:underline} /* especifica um estilo para hover, que é uma
pseudoclasse. Ela permite que o autor tenha acesso ao conteúdo não
declarado especificamente no documento. A pseudoclasse hover é ativada
dinamicamente quando o usuário move o cursor do mouse sobre um elemento
*/
li em {font-weight:bold}
ul {margin-left: 20px}
ul ul {font-size: .8em}
Continue navegando
Materiais relacionados
352 pág.
39 pág.
19 pág.
Perguntas relacionadas
Compartilhar