Super_Zica_Man Postado Dezembro 6, 2006 Denunciar Share Postado Dezembro 6, 2006 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; } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 fahledu Postado Dezembro 7, 2006 Denunciar Share Postado Dezembro 7, 2006 O problema está no nome da classe... Pegue por exemplo à classe 18px e altere para outro tipo(px18, t18, vai de você..), que vai... Testei nos 18px e 10px e foi...Qualquer coisa posta... Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Super_Zica_Man Postado Dezembro 7, 2006 Autor Denunciar Share Postado Dezembro 7, 2006 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? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Renard Postado Dezembro 7, 2006 Denunciar Share Postado Dezembro 7, 2006 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. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Super_Zica_Man
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
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.