Estilos CSS 1 + Novo Layout

Olá gente, agora vou ensinar pra vocês um pouco do css, pra quem não sabe CSS é a abreviatura para Cascading Style Sheets, Folha de Estilos em Cascata. é muito usado para colocar backgrounds, links e estilos pelo Html, Mais nem sempre é o css. Então hoje vou ensinar alguns comandos para o css e vai ter também um tutorial sobre isso. Vamos lá..

 Mais antes de começar o tutorial,vou falar sobre o meu novo layout (designer,modelo) novo, não é demais, esse por enquanto foi o que eu fiz que eu mais gostei. então vamos lá gente! clique em leia mais vamos lá...

Alguns CSS que usamos



background: ;
color: ;
font-size: ;
font-family: ;


a:hover{ 
border: ;
top: ;


então esses acima são mais usados, pra quem não sabe o que eles significam (quer dizer) leia a explicação abaixo:


background: ;


O próprio nome diz, é o background de fundo. nele você pode colocar a cor assim:
background: #cccccc ;


e pode colocar também uma imagem de fundo assim:
background: url(http://fundo002.com.br);


mais se você colocar com imagem você deve saber que as imagens podem repetir ou não, então depois que acaba o código do url da imagem, coloque no-repeat para não repetir, ou repeat para repetir, assim:

background: url(http://fundo002.com.br) no-repeat;
background: url(http://fundo002.com.br) repeat;

Resumo:
REPEAT: Para repetir
NO-REPEAT: Para não repetir
BACKGROUND: Background color, background imagem


color: ;

esse é o mais simples e o mais usado hoje em dia para definir a cor da letra. assim:
color: #000000; para definir a cor da letra.

se você quiser colocar uma cor na letra, faça o seguinte entre de " : e ; ", coloque o código da cor.
#ff50ff : Rosa       #ffffff : Branco     #000000 : Preto..
ficando assim: 
color: #000000;

Resumo:
COLOR: utilizado para definir a cor da letra.


Font-size: ;

usado para definir o tamanho da fonte (letra),para definir o tamanho da fonte coloque o tamanho da font (ex: 12, 15, 18...) e depois ponha o px.
assim:
font-size: 15px;
e assim define o tamanho da fonte.

Resumo:
FONT-SIZE: tamanho da fonte.
PX: o mais usado para o tamanho.


Bem gente é só isso.
Vou colocar o resto no próximo post.
valeu gente, comentem bastante.









22 Comente pelo Blogger
Comente pelo Facebook