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

Css Básico


Super_Zica_Man

Pergunta

Estou começando a me interessar agora no CSS e estou seguindo uns tutoriais mas estou com dificuldades em implementar classes.

fiz como exemplo uma classe pra cada tamanho de letra.o que estaria de errado nesses codigos?

exemplo:

font-size.css

.9px {font-size:9px;}
.10px {font-size:10px;}
.12px {font-size:12px;}
.14px {font-size:14px;}
.16px {font-size:16px;}
.18px {font-size:18px;}
.24px {font-size:24px;}
.36px {font-size:36px;}
.inherit {font-size:inherit;}
.large{font-size:large;}
.larger{font-size:larger;}
.medium{font-size:medium;}
.small{font-size:small;}
.smaller{font-size:smaller;}
.xlarge{font-size:x-large;}
.xsmall{font-size:x-small;}
.xxlarge{font-size:xx-large;}
.xxsmall{font-size:xx-small;}
font-size.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
@import url("font-size.css");
</style>
</head>

<body>
<p class="medium">medium</p>
<p class="inherit">inherit</p>
<p class="18px">18 px</p>
<p class="10px">10px</p>
</body>
</html>
Observação: Quando uso este código da certo: font-size.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
@import url("font-size.css");
</style>
</head>

<body>
<p>TESTE</p>
<h2>teste</h2>
<h1>teste</h1>
</body>
</html>
/* CSS Document */
p {
font-size:9px;
}
h1 {
font-size:smaller;
}
h2 {
font-size:36px;
}

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

está vo testar e depois posto algo.

so uma duvida:

existe algum problema da propria linguagem css para não poder usar como nome de classe 18px por exemplo?

Existe, você não pode definir nem IDs nem Class começando com um número. A Linguagem não permite.

Ainda bem.

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
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...