Construindo Sites com CSS e (X)HTML

Sites controlados por folhas de estilo em cascata

Maurício Samy Silva

Meu nome é Maurício Samy Silva e eu sou conhecido na Web como Maujor.

Mantenho o Site do Maujor hospedado em: maujor.com e meu e-mail de contato é maujorcss[ARROBA]maujor [PT]com.

Minha residência é em:

Copacabana - Rio de Janeiro,, RJ - - Brasil
     +Maujor

Errata

Encontrou um erro? Por favor entre em contato via e-mail informando a página e o erro.
O autor e a editora agradecem.

Tabela Errata
Página Erro
52

Primeiro parágrafo:

Onde se lê: Ao escrever uma regra CSS contendo mais de uma propriedade, ...

Leia-se: Ao escrever uma regra CSS contendo mais de uma declaração, ...

Obrigado: Newton Góes Horta
56

Primeiro parágrafo:

Onde se lê: <p class="vermelho">Texto na cor vermelha</p>

Leia-se: <p class="vermelha">Texto na cor vermelha</p>

Obrigado: Newton Góes Horta
57

Primeiro parágrafo:

Onde se lê: <div id="principal">Elemento DIV com identificador... </h4>

Leia-se: <div id="principal">Elemento DIV com identificador... </div>

Obrigado: Artur de Andrade Junqueira
93

Código para :first-letter :

Onde se lê: p:first-line {color:red;}

Leia-se: p:first-letter {color:red;}

Obrigado: Carlos Eduardo Oliveira
107

Segundo código:

Onde se lê:

	p.left {text-align: left;} 
	p.right {text-align: right;}
	p.right {text-align: center;} 
	p.right {text-align: justify;}	  

Leia-se:

	p.left {text-align: left;} 
	p.right {text-align: right;}
	p.center {text-align: center;} 
	p.justify {text-align: justify;}	  
Obrigado: Gills Lopes
115

Tabela 6.1 - última coluna:

Onde se lê: (critério 3.2) critério (3.3)

Leia-se: (critério 4 letra b) critério (4 letra c)

Obrigado: Luiz Vicente
117

Último parágrafo:

Onde se lê: div.um {font: italic small-caps bold 12px/150% verdana sans-serif;}

Leia-se: div.um {font: italic small-caps bold 12px/120% verdana sans-serif;}

124

Primeiro parágrafo :

Onde se lê: ...a área de padding e a área da margem.

Leia-se: ...a área de padding e a área das bordas.

Obrigado: Bruno Leonado Mermer
132

Primeiro parágrafo :

Onde se lê: ...é o canto superior direito da imagem ou do retângulo...

Leia-se: ...é o canto superior esquerdo da imagem ou do retângulo...

Obrigado: Luiz Vicente
139

Figura 8.4:

Erro: Há uma borda superior a mais na figura...

Correção: Ver arquivo_8.4.html neste site.

141

Figura 8.8:

Erro: Falta uma borda superior pontilhada e deslocamento do texto na figura...

Correção: Ver arquivo_8.8.html neste site.

213

11a. linha do código:

Onde se lê: <label for="email">Mensagem</label>

Leia-se: <label for="mensagem">Mensagem</label>

Obrigado: Rodrigo Resende Soares
224

7a. linha do código:

Onde se lê: <input name="text" type="text" id="nome" />

Leia-se: <input name="nome" type="text" id="nome" />

Obrigado: Redy
318

Figura 13.3:

Onde se vê: Screenshot do arquivo sem estilização

Veja: Layout sem estilização

360

Primeiro parágrafo:

Onde se lê: Veremos os seguintes bugs:

Bug da margem dupla em floats
Bug da margem dupla em floats
Bug da margem dupla em floats
Bug da margem dupla em floats
Bug da margem dupla em floats

Leia-se: Veremos os seguintes bugs:

Bug da margem dupla em floats
Peekaboo bug
Bug da expansão automática
Bug dos 3 pixels
Bug 50% + 50% > 100%
Bug do fundo de listas desaparecendo

Obrigado: Jader Rubini
404

Terceiro parágrafo:

Onde se lê: <p>Dentro deste parágrafo uma <b>palavra diferente<b> e segue o parágrafo<p>

Leia-se: <p>Dentro deste parágrafo uma <i>palavra diferente</i> e segue o parágrafo<p>.

405

Segundo título - último parágrafo:

Onde se lê: ...é usado em conjunto com ins conforme mostrado.

Leia-se: ...é usado em conjunto com del conforme mostrado.

Obrigado: Dirlei Friedrich L. da Silva
416

Segundo título:

Onde se lê: tbody

Leia-se: thead

Obrigado: Bruno Leonardo
423

Primeiro parágrafo:

Onde se lê: ...letras de a-z, A-Z, números de 0-9, espaço, hífen, ou ...

Leia-se: ...letras de a-z, A-Z, números de 0-9, hífen, ou ...

CSS Válida!

wallpaper [1280x960px] [1024x768px] [800x600px]