Principais efeitos do famoso "CSS"


Nos templates do blogger encontramos diferentes formas de personaliza-lo não é? Então agora veremos os pricipais efeitos que usamos no seu CSS.

Exemplo: 


color - cor do texto » exemplo: #000000
font-family - tipo da fonte » exemplo: arial, tahoma, etc...
font-size - tamanho da fonte » exemplo: 10px, 12px, etc...
font-style - estilo da fonte » exemplo: italic, oblique, normal
font-weight - largura da fonte » exemplo: bold
line-height - altura da linha » exemplo:12px, 15px, etc...
text-align - alinhamento do texto » exemplo:center (centro), left (esquerda), right (direita) e justify (justificar)
text-decoration - decoração do texto » exemplo: none (nenhuma), underline (sublinhado) overline (sobrelinhado) e line-through (tachado)
text-transform - forma do texto » exemplo: capitalize (primeira letra maiúscula), uppercase (todas as letras maiúsculas) e lowercase (todas as letras minúsculas)
text-indent - recuo do texto » exemplo: 10px, 12px, etc...
letter-spacing - espaço entre as letras » exemplo: 2px, 3px, etc..
word-spacing - espaço entre as palavras » exemplo: 2px, 3px, etc..
background-color - cor do fundo » exemplo: #FFFFFF
background-image - imagem de fundo » exemplo: url (http://www.endereço.com/fundo.gif)
background-positon - posição do background » exemplo: left, right, center, top, bottom, etc...
background-repeat - repetir background
background-no-repeat - não repetir background
background-repeat-x - repetir background na horizontal
background-repeat-y - repetir background na vertical
margin - tamanho das 4 margens » exemplo: 5px, 10px, etc...
margin-left - margem à esquerda » exemplo: 5px, 10px, etc...
margin-right - margem à direita » exemplo: 5px, 10px, etc...
margin-top - margem em cima » exemplo: 5px, 10px, etc...
margin-bottom - margem em baixo » exemplo: 5px, 10px, etc...
padding distância entre as 4 bordas e o texto » exemplo: 3px, 5px, etc...
padding-left - distância entre a borda e o texto à esquerda » exemplo: 3px, 5px, etc...
padding-rigth - distância entre a borda e o texto à direita » exemplo: 3px, 5px, etc...
padding-top - distância entre a borda e o texto acima » exemplo: 3px, 5px, etc...
padding-bottom - distância entre a borda e o texto abaixo » exemplo: 3px, 5px, etc...
border-color - cor da borda » exemplo: #000000
border-style - estilo da borda » exemplo: none (nenhuma), dotted (pontilhado), solid (sólida), double (dupla), etc...
border-width - tamanho da borda » exemplo: 1px, 2px etc... ou 90%, 100%, etc...
float - alinha o elemento, fazendo com o que o texto fique ao redor dele » exemplo:left e right
width - define largura » exemplo: 10px, 20px, etc... ou 90%, 100%, etc...
heigth - define altura » exemplo: 10px, 20px, etc... ou 90%, 100%, etc...
vertical-align - alinhamendo vertical - » exemplo: middle (no meio), bottom ( abaixo), top (acima).

Comente usando seu facebook!


Comente!

  1. Nossa! Adoreii a DICA, afinal e mto bom possuir uma dica dessa. http://2for-you.blogspot.com

    ResponderExcluir
  2. Adoreii! Participem! Sorteio de uma linda bolsa Strawberry Garota Descolada + @1251_loja! http://bit.ly/htVBeI

    ResponderExcluir
  3. Novo layout ouutra vez, huhuhu' da uma olhada ?

    http://www.contos-da-lua.blogspot.com/

    Beejos, fica com Deus :**

    ResponderExcluir
  4. A-M-E-I. Realmente ajuda MUITO na hora de fazer menus, editar layouts etc.
    Beijos
    http://sweetscupcakeoficial.blogspot.com

    ResponderExcluir