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 la próxima versión de CSS,
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 componentes. La parte del navegador
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 de estilos se produjo con
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 y la definición de su
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 un parrafo. </p> <p style=»word-spacing:
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 de texto. Alineación vertical 1
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 elemento del documento. Es el
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> <title>Propiedades del texto</title> <style> h1
Indentación de la primera línea de un párrafo. Es una propiedad que se aplica a elementos de tipo bloque, y acepta tanto un valor de longitud, como un porcentaje: P {text-indent: 0.25in;} Podemos conseguir una sangría francesa, utilizando valores negativos para la indentación: P {text-indent: -30px;} Ejemplo 2. Indentación <html> <head> <title>Propiedades del texto</title> <style>
Medidas absolutas de longitud: Pulgadas (in). Centímetros (cm). Milímetros (mm). Puntos (pt). Medida tipográfica utilizada en la definición de las fuentes. En una pulgada hay 72 puntos (font-size: 18pt equivale a font-size: 0.25in). Picas (pc). Mediada también tipográfica que hace corresponder una pica a 12 puntos. Medidas relativas de longitud: em. Se corresponde al tamaño