Sintaxis de hoja de estilos

From Luniwiki
Jump to: navigation, search

Propiedad Float

La propiedad float permite sacar a un elemento del flujo del documento, y posicionarlo a la izquierda o derecha de otros elementos adyacentes. Admite tres valores:

right (El div se situará a la derecha de los demás)
left (El div se situará a la izquierda de los demás)
none

La propiedad clear e utiliza conjuntamente con float para indicar cuando un elemento flotante permite otros elementos flotantes junto a el. Los valores son los siguientes:

none: el elemento permite otros flotantes a ambos lados
left: el elemento no permite flotantes a su izquierda
right: el elemento no permite flotantes a su derecha
both: el elemento no permite flotantes a ningun lado

Un bloque 'flotante' debe tener definida su anchura, implicita o expresamente, ya que de lo contrario será tratado como no flotante.

Transparencia

Aunque parezca una contradicción, la opacidad sirve para definir la transparencia de los elementos de la página. Esto es porque todos los elementos de una página son 100% opacos por defecto. Es decir, no se puede ver a través de ellos y por tanto al sobreponerse tapan totalmente lo que haya debajo. Así pues, a través de la opacidad podremos especificar cuanto de opaco será un elemento, o lo que es lo mismo, cuan transparente sea.

.transparencia {
  opacity: .25; (Los demás navegadores)
  -moz-opacity: .25; (Versiones antiguas de Firefox)
  filter:alpha(opacity=25); (IExplorer)
}

Para poder observar las transparencia hay que jugar con las capas.

Referencias

--Daniel Simao 14:57 10 mar 2010 (UTC)