[ 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