basico em css

Ir em baixo

basico em css

Mensagem por Flavio315 em Sex Jun 21, 2013 12:49 pm

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






Olá Caro usuario, olhe essas Dicas Importantes:
Respeite as [Você precisa estar registrado e conectado para ver este link.].
- [Você precisa estar registrado e conectado para ver este link.].
Fique atento a o [Você precisa estar registrado e conectado para ver este link.].
Veja os [Você precisa estar registrado e conectado para ver este link.] do fórum.
Não peça suporte por MP ou no Chat-Box.
avatar
Flavio315
Moderapixel

Quebra de regras Quebra de regras :
0 / 1000 / 100

Masculino Mensagens Mensagens : 54
Pontos Pontos : 146
Reputação Reputação : 0
Data de inscrição Data de inscrição : 19/06/2013
Localização : sub-mundo da informatica

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: basico em css

Mensagem por Cʀɑzy em Sex Jun 21, 2013 12:57 pm

Olá! Wink

Isso e bem o básico mesmo, não citou nada sobre CSS3, border-radius, box-shadow, text-shadow, etc.
Mais enfim,  o tutorial em si está bom, só precisa organizar, vou fazer um bem organizado, e postar.

Até mais.
avatar
Cʀɑzy
Admin
Admin

Quebra de regras Quebra de regras :
0 / 1000 / 100

Masculino Mensagens Mensagens : 16
Pontos Pontos : 27
Reputação Reputação : 3
Data de inscrição Data de inscrição : 17/06/2013
Localização : .

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: basico em css

Mensagem por Detoxx em Sex Jun 21, 2013 3:45 pm

Obrigado Por Compartilhar Com o Fórum
Att






Olá Caro usuario, olhe essas Dicas Importantes:
Respeite as [Você precisa estar registrado e conectado para ver este link.].
- [Você precisa estar registrado e conectado para ver este link.].
Fique atento a o [Você precisa estar registrado e conectado para ver este link.].
Veja os [Você precisa estar registrado e conectado para ver este link.] do fórum.
Não peça suporte por MP ou no Chat-Box.
avatar
Detoxx
Moderapixel

Quebra de regras Quebra de regras :
0 / 1000 / 100

Masculino Mensagens Mensagens : 76
Pontos Pontos : 86
Reputação Reputação : 0
Data de inscrição Data de inscrição : 19/06/2013
Idade Idade : 17
Localização : Aracaju

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: basico em css

Mensagem por Pixel em Sex Jun 21, 2013 5:53 pm


Bom Topico's


Até Mais.






Olá Convidado, olhe essas Dicas Importantes:
Respeite as [Você precisa estar registrado e conectado para ver este link.].
- [Você precisa estar registrado e conectado para ver este link.].
Fique atento a o [Você precisa estar registrado e conectado para ver este link.].
Veja os [Você precisa estar registrado e conectado para ver este link.] do fórum.
Não peça suporte por MP ou no Chat-Box.
avatar
Pixel
Admin
Admin

Quebra de regras Quebra de regras :
0 / 1000 / 100

Masculino Mensagens Mensagens : 199
Pontos Pontos : 271
Reputação Reputação : 0
Data de inscrição Data de inscrição : 14/06/2013
Idade Idade : 25
Localização : CASA

Ver perfil do usuário http://universalpixel.forum-pro.net

Voltar ao Topo Ir em baixo

Re: basico em css

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum