Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/

Participe do fórum, é rápido e fácil

Nylon Tecnologia
Mudamos para um dominio proprio.

Acesse nosso novo forum.

http://crawlersnetwork.com/
Nylon Tecnologia
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[tutorial] basico em css

2 participantes

Ir para baixo

[tutorial] basico em css Empty [tutorial] basico em css

Mensagem por hacker fts315 Seg Ago 13, 2012 12:02 am

css e uma linguagem de estilo para ser usada dentro do html ou outra linguagem de marcaçao, ela permite manipular as cores, fontes, tamanho etc dos conteudo em html, para usar css basta usar a tag <style> e colocar o codigos dentro da linguagem html, veja

Código:

<html>
<style>
</style>
<body>
</body>
</html>

para ficar a sintaxe mais completa se usar type="text/css" dentro da tag <style>

Código:

<html>
<style type="text/css">
</style>
<body>
</body>
</html>

os comandos em css funciona da seguinte maneira seletor{propriedade:valor} , o seletor seria oq agente vai manipular por exemplo todo o body, a propriedade seria como agente vai manipular um exemplo seria mudar a cor do texto, e o valor seria a cor do texto, para mudar toda a cor do texto do body basta digitar body{color:red} , eu coloquei red q e vermelho mais vc pode colocar qualquer cor (tem q colocar ingles red, blue, green ou colocar em hexadecimal ff0000, 00ff00, 0000ff)

Código:

<html>
<style type="text/css">
  body{color:red}
</style>
<body>
  hacker fts315
</body>
</html>

para mudar a cor do fundo se usa background-color

Código:

<html>
<style type="text/css">
  body{color:red}
  body{background-color:black}
</style>
<body>
  hacker fts315
</body>
</html>

no codigo acima como eu to manipulando o mesmo seletor eu posso colocar no mesmo bloco, para isso eu uso ponto e virgula para separar

Código:

<html>
<style type="text/css">
  body{color:red ; background-color:black}
</style>
<body>
  hacker fts315
</body>
</html>

para colocar uma imagem de fundo eu uso background-image:url("http://www.exemplo.com")

Código:

<html>
<style type="text/css">
  body{background-image:url("http://www.naruto-wallpaper.net/art-studio/images/4/123.jpg")}
</style>
<body>
  hacker fts315
</body>
</html>

para alinhar o texto a direita, esquerda ou centralizar se usa text-align e o valor e center, right, left

Código:

<html>
<style type="text/css">
  body{text-align:center}
</style>
<body>
  hacker fts315
</body>
</html>

para mudar fonte se usa font-family

Código:

<html>
<style type="text/css">
  body{font-family:arial}
</style>
<body>
  hacker fts315
</body>
</html>

a gente tambem usar css em uma determinada tag, para isso usamos o style="" dentro do aspas passamos nosso codigo

Código:

<html>
<body style="background-color:black; color:white; text-align:center">
  <h1 style="color:red"> hacker fts315 </h1>
    testando css
</body>
</html>

quando temos q manipular uma determinada tag criamos um id para ela, no nosso codigos css agente coloca # e o nome do id, todos as tags q tiver o mesmo id vai ser manipulado

Código:

<html>
<style type="text/css">
  #principal{background-color:black; color:white; text-align:center}
  #fts{color:red; text-align:left; font-family:arial }
</style>
<body id="principal">
  hacker
  <div id="fts">
  fts315
  </div>
</body>
</html>

bom galera aq termina mais um tutorial ^^

by hacker fts315
hacker fts315
hacker fts315
Membro

Mensagens : 53
Pontos : 8799
Reputação : 32
Data de inscrição : 12/08/2012

http://endoffile.umforum.net

Ir para o topo Ir para baixo

[tutorial] basico em css Empty Re: [tutorial] basico em css

Mensagem por Md. Morpheus Seg Ago 13, 2012 1:14 am

Valeu pelo tuto, bem que o forum tava precisando. Acho que agora já consegui arrumar.
Valeu.
Md. Morpheus
Md. Morpheus
Membro

Mensagens : 117
Pontos : 8882
Reputação : 10
Data de inscrição : 08/08/2012
Localização : Matrix

https://hacker.umforum.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos