Ir para conteúdo
Fórum Script Brasil
  • 0

Porque Os Mesmos Estilos Estão Diferentes?


Halfar

Pergunta

Os dois codigos abaixo são o mesmo, apenas alterando o codigo do style, (note os trechos que estão em negrito, é apenas nestes trecho que o codigo mudou).

O primeiro codigo:

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

.h2 {letter-spacing: 1.2em;}

.p {letter-spacing: 0.4cm;}-->

</style>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<table width="75%">

<tr>

<td class = "h2">Este é o cabeçalho</td>

</tr>

</table>

<table width="75%">

<tr>

<td class="p">Este é o paragrafo</td>

</tr>

</table>

<p> </p>

</body>

</html>

O segundo codigo:

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

h2 {letter-spacing: 1.2em;}

p {letter-spacing: 0.4cm;}-->

</style>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<table width="75%">

<tr>

<td ><h2>Este é o cabeçalho</h2></td>

</tr>

</table>

<table width="75%">

<tr>

<td ><p>Este é o paragrafo</p></td>

</tr>

</table>

<p> </p>

</body>

</html>

A única diferenca são os codigos do style. O primeiro codigo eu especifico uma classe nas linhas da tabela, já no segundo codigo são tags que coloco em torno da frase na tabela. É claro que mudou tambem lá no style, o primeiro codigo é escrito de maneira diferente do segundo (note as partes que estão em negrito).

Mas o resultado deveria ser o mesmo? Porque os resultados são diferentes?

Veja o link

teste

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

No primeiro caso, você definiu classes, as nomeou e as aplicou a duas células. O objetivo principal dessas classes usadas foi alterar o espaço entre as letras.

No segundo caso, você redefiniu a propriedade "espaço entre letras" de TAGS. Lembre que a tag <h2> é uma tag de cbeçalho que , por padrão, tem um tamanho grande. Esse tamanho não é alterado pelo estilo apresentado.

No primeiro caso, na primeira célula, você não usou a tag <h2>, mas sim uma classe ".h2" que não tem nada, absolutamente nada, a ver com a tag <h2>.

As segundas célas de cada caso tem um resultado idêntico : o que era esperado.

Já as primeiras celulas de cada caso também devem ser diferentes, pelos motivos citados acima.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...