Una de las principales características de CSS es su flexibilidad y las diferentes opciones que ofrece para realizar una misma tarea. De hecho, existen tres opciones para incluir CSS en un documento HTML. Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style>…
Continuar leyendoEtiqueta: CSS
Funcionamiento básico de CSS
Antes de que se generalizara el uso de CSS, los diseñadores de páginas web utilizaban etiquetas HTML especiales para modificar el aspecto de los elementos de la página. El siguiente ejemplo muestra una página HTML con estilos definidos sin utilizar CSS: <!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»> <html…
Continuar leyendoEspecificación oficial CSS
La especificación o norma oficial que se utiliza actualmente para diseñar páginas web con CSS es la versión CSS 2.1, actualizada por última vez el 23 de abril de 2009 y que se puede consultar libremente en http://www.w3.org/TR/CSS21/ Desde hace varios años, el organismo W3C trabaja en la elaboración de…
Continuar leyendoSoporte de CSS en los navegadores
El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado. Internamente los navegadores están divididos en varios…
Continuar leyendoBreve historia de CSS
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos. El gran impulso de los lenguajes de hojas…
Continuar leyendoQue es CSS
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas. Separar la definición de los contenidos…
Continuar leyendoEspacio entre Palabras y entre Letras en CSS
Espacio entre Palabras: Se define mediante la propiedad «word-spacing» y puede tomar los valores «normal» (equivalente a cero) o un valor numérico. <html> <head> <title>Propiedades del texto</title> </head> <body> <p style=»word-spacing: normal;»> Prueba de espaciado de palabras en un parrafo. </p> <p style=»word-spacing: 0;»> Prueba de espaciado de palabras en…
Continuar leyendoAlineación Vertical en CSS
Permite cualquier tipo de alineación vertical, pero no está pensado para ser el equivalente a la propiedad «valign» de HTML en celdas. Puede tomar los siguientes valores: baseline. Es el comportamiento típico de los navegadores, el cual permite alinear el texto del párrafo a la línea base de cada línea…
Continuar leyendoEspacios en Blanco en CSS
Se define mediante la propiedad «white-space», la cual puede tomar los siguientes valores: pre. Cuando queremos que se tome literalemente los escrito, incluyendo todos y cada uno de los espacios en blanco. nowrap. Permite que se conserve todo el texto definido sin aplicar ningún salto de línea forzado por algún…
Continuar leyendoAlineación en CSS
Nos permite alinear los textos dentro de elementos de bloque de las siguientes formas: Izquierda (left). Centrado (center). Derecha (right). Justificado (justify), es decir, centrado a derecha e izquierda. Podemos utilizar el valor de «text-align: center» para reemplazar al tag CENTER que ahora es DEPRECATED: Ejemplo 3. Alineación <html> <head>…
Continuar leyendo