Hasta hace unos años, la estructura de las páginas web complejas se creaba mediante tablas HTML. Aunque esta solución presenta muchos inconvenientes, su principal ventaja es que todas las columnas que forman la página son de la misma altura. Normalmente, cuando se crea la estructura de una página compleja, se…
Continuar leyendoEtiqueta: CSS
Limpiar floats en CSS
La principal característica de los elementos posicionados de forma flotante mediante la propiedad float es que desaparecen del flujo normal del documento. De esta forma, es posible que algunos o todos los elementos flotantes se salgan de su elemento contenedor. La siguiente imagen muestra un elemento contenedor que encierra a…
Continuar leyendoLa propiedad hasLayout de Internet Explorer
El navegador Internet Explorer 7 y sus versiones anteriores incluyen decenas de errores relacionados con CSS. La mayoría de esos errores se pueden solucionar con trucos y técnicas que aprovechan otros errores o características del navegador. Además, muchos errores se solucionan gracias a la propiedad hasLayout de Internet Explorer. En…
Continuar leyendoLa propiedad shorthand en CSS
Algunas propiedades del estándar CSS 2.1 son especiales, ya que permiten establecer simultáneamente el valor de varias propiedades diferentes. Este tipo de propiedades se denominan «propiedades shorthand» y todos los diseñadores web profesionales las utilizan. La gran ventaja de las propiedades shorthand es que permiten crear hojas de estilos mucho…
Continuar leyendoMargen, relleno, bordes y modelo de cajas en CSS
La anchura y altura de un elemento no solamente se calculan teniendo en cuenta sus propiedades width y height. El margen, el relleno y los bordes establecidos a un elemento determinan la anchura y altura final del elemento. En el siguiente ejemplo se muestran los estilos CSS de un elemento:…
Continuar leyendoBordes con CSS
CSS permite definir el aspecto de cada uno de los cuatro bordes horizontales y verticales de los elementos. Para cada borde se puede establecer su anchura, su color y su estilo. Anchura La anchura de los bordes se controla con las cuatro propiedades siguientes: border-top-widthborder-right-widthborder-bottom-widthborder-left-width Anchura del borde superior Anchura…
Continuar leyendoMargen y relleno en CSS
Margen CSS define cuatro propiedades para controlar cada uno de los márgenes horizontales y verticales de un elemento. margin-topmargin-rightmargin-bottommargin-left Margen superior Margen derecho Margen inferior Margen izquierdo Valores <medida> | <porcentaje> | auto | inherit Se aplica a Todos los elementos, salvo margin-top y margin-bottom que sólo se aplican a…
Continuar leyendoAnchura y altura
Anchura La propiedad CSS que controla la anchura de los elementos se denomina width. width Anchura Valores <medida> | <porcentaje> | auto | inherit Se aplica a Todos los elementos, salvo los elementos en línea que no sean imágenes, las filas de tabla y los grupos de filas de tabla…
Continuar leyendoModelo de cajas en CSS
El modelo de cajas o «box model» es seguramente la característica más importante del lenguaje de hojas de estilos CSS, ya que condiciona el diseño de todas las páginas web. El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen…
Continuar leyendoColores con CSS
Los colores en CSS se pueden indicar de cinco formas diferentes: palabras clave, colores del sistema, RGB hexadecimal, RGB numérico y RGB porcentual. Aunque el método más habitual es el del RGB hexadecimal, a continuación se muestran todas las alternativas que ofrece CSS. CSS define 17 palabras clave para referirse…
Continuar leyendo