[ Tutorial ] Alguns Comandos, Parametros e Unidades em CSS

[ Tutorial ] Alguns Comandos, Parametros e Unidades em CSS

Comando Parâmetros utilizados
font-family family-name, generic-family, * family-name
font-style normal, italic, oblique
font-variant normal, small-caps
font-weight normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
font-size absolute-size, relative-size, length, percentage padrão: medium
font font-style, font-variant, font-weight, font-size, font-family
color color (em base 10, base 16 ou nome)
background-color transparent, color
background-image none, url
background-repeat repeat (repete horizontale vertical), repeat-x (repete vertical), repeat-y (repete horizontal), no-repeat (não repete)
background-attachment scroll (imagem "rola" com a tela), fixed ( imagem fixa na tela)
background-position percentage, length{1,2}, top, center, bottom, left, center, right padrão: 0% 0%
background background-color, background-image, background-repeat, background-attachment, background-position
text-decoration none, underline, overline, line-through, blink padrão: none
vertical-align baseline, sub, super, top, text-top, middle, bottom, text-bottom, percentage
text-align left, right, center, justify
text-indent length, percentage padrão: 0
line-height normal, number, length, percentage
margin-top length, percentage, auto padrão: 0
margin-right length, percentage, auto padrão: 0
margin-bottom length, percentage, auto padrão: 0
margin-left length, percentage, auto padrão: 0
margin length, percentage, auto{1,4}
list-style-type disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none
list-style-image none, url
list-style-position outside, inside
list-style keyword, position, url
position static, absolute, relative
left auto, length, percentage
top auto, length, percentage
z-index auto, integer
width auto, length, percentage
height auto, length, percentage
visibility inherit, visible, hidden


Unidades de medidas

Várias unidades diferentes podem ser utilizadas:

pt
pontos, em que 1 ponto = 1/72 de polegada
pc picas
em ems
in polegadas
cm centímetros
mm milímetros
% parte porcentual de algum outro valor, portanto é proporcional.
px
pixels: É proporcional. Depende da resolução de vídeo.

Como há unidades proporcionais é muito importante testar as páginas em diferentes resoluções de video.

Nenhum comentário:

Postar um comentário

Template produzido by - Renan Web Desgin | Fazer uma Nova Postagem