Rogério Lino

Web development and tips

CSS Reference #1

Primeira referência de CSS vai ser sobre:

Background & Border

Background

background-color: define a cor de fundo (ex: hexa/rgb/nome/transparent);

background-image: imagem do fundo (ex: url(img/fundo.gif) );

background-repeat: se a imagem de fundo repete ou não. (ex: repeat/repeat-x/repeat-y/no-repeat);

background-attachment: define se a imagem de fundo fica fixa ou rola junto com a página (ex: fixed/scroll);

background-position: aonde começa a imagem de fundo, por padrão top e left. (ex: top/center/bottom/x-pos/x-% left/center/right/y-pos/y-%);

background: forma resumida de utilizar tudo, mas não é necessário declarar tudo. Qual não for declarado assumirá o valor padrão. (ex: #FF00FF url(fundo.gif) no-repeat);

Border

border-width: largura da borda. (ex: thin/medium/thick/valor);

border-style: estilo da borda. (ex: solid/dotted/dashed/groove/ridge/inset/outset);

border-color: a cor da borda (ex: hexa/rgb/nome/none);

border: forma resumida (ex: 1px solid black);

border-top: definido do mesmo modo que o border porém só para cima.

border-right: borda da direita (ex: 2px dotted yellow);

border-bottom: borda de baixo;

border-left: borda da esquerda;

Por enquanto é só isso, adiante veremos mais.

mais sobre:

W3Schools.com - CSS Reference

Cultured Code - CSS Reference

Comments