PUCPR > Bacharelado em Sistemas de Informação > 1o e 2o Períodos
Após a exposição acerca dos seletores do CSS 1.0 na aula passada, nosso objetivo hoje é continuar o trabalho com linguagem de seletores.
Desta vez, os seletores que trabalharemos serão os seletores do CSS 2.1.
Tais seletores são aceitos pela maior parte dos navegadores do mercado. Destaca-se, porém, que o Internet Explorer 6 (ie6) não os suporta [...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
p, div { background: red; }
.c1 { color: yellow; }
#p2 {font-size: xx-large;}
p em { background: green; } /* todos os em dentro de p*/
a:link { font-size: xx-small; background: orange; }
a:visited { font-size: xx-large; background: white; }
a:active { font-size: medium; background: black;}
p:first-letter { font-size: 60px; [...]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
/* Seletor Elemento */
p, div {
color: red;
background: white;
}
.c1 { color: green; background: yellow; }
#p1 { font-size:xx-large; }
/* altere todos os em filhos (dentro) de #p1 */
#p1 em { background: white; }
/* link quando a pagina eh visitada e o link
* não foi clicado [...]
O objetivo deste exercício é o treino dos seletores que aprendeu na aula de hoje.
Para a resolução destes exercícios você trabalhará apenas com o arquivo exercicio_css.html, disponibilizado no link.
Em momento algum você alterará esse arquivo, mexendo apenas dentro da seção marcada no código:
<style type=”text/css”>
/* Alterar apenas aqui o seu arquivo */
</style>
Na entrega de seu exercício [...]
Na aula de hoje, começaremos nosso trabalho com a linguagem CSS. Um dos componentes principais desta linguagem e que permite sua ligação com os elementos de uma página HTML é a linguagem de seletores.
Nosso objetivo será conhecer esta linguagem de seletores nesta e nas próximas aulas.
Destaca-se que a linguagem de seletores não está integrada apenas [...]
Comentários