Especificar valores en CSS

De Manuais Informática - IES San Clemente.
Ir a la navegación Ir a la búsqueda

É importante empregar a sintaxe axeitada para especificar os valores cromáticos e de lonxitude nas regras de follas de estilo.

  • Unidades de lonxitude:
CSS permite especificar lonxitudes en moitas unidades. Ó especificar lonxitudes é importante recordar o seguinte:
  • Non se debe engadir un espazo entre o número e a abreviatura da unidade: Debe ser 12px e non 12 px.
  • O único valor que non precisa abreviatura de unidade é o cero.
  • As medidas poden conter fraccións decimais como 14.5cm.
  • Algunhas propiedades, como as marxes, aceptan valores negativos: margin: -500px.

A táboa seguinte ofrece un listado das unidades de medida que se poden empregar en CSS:

Código Unidade Descrición
px Píxel As unidades de píxel son relativas á resolución do monitor
pt Punto Unidade tradicional de medida equivalente a 1/72 pulgadas
pc Pica Unidade tradicional de medida equivalente a 12 puntos (ou 1/6 pulgadas)
em Em Unidade de medida relativa que equivale ó ancho da letra "M" maiúscula
ex Ex Unidade de medida relativa que é a altura da letra minúscula "x"
in Pulgadas Medida métrica
mm Milímetros Medida métrica
cm Centímetros Medida métrica


  • Especificar a cor:
Á hora de especificar a cor non hai diferenzas con respecto a HTML, hai varios xeitos:
  • Por nome (h1 { color: olive;}). A especificación CSS 2.1 só acepta 17 nomes de color, estes son: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow.
  • Polo valor RGB, que pode especificarse por calquera destes métodos:
{color: #0000FF;}
{color: #00F;}
{color: rgb(0,0,255);}
{color: rgb (0%, 0%, 100%);}