Jump to content
Fórum Script Brasil
  • 0

Css Básico


Super_Zica_Man
 Share

Question

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 to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      151k
    • Total Posts
      649.1k
×
×
  • Create New...