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
Clasificación de los elementos En CSS1, los elementos formateados pueden agruparse en tres categorías: Elementos de bloque. Como los párrafos, los encabezdos, las tablas, las listas, los DIV o el BODY. Son los que fuerzan un salto de línea al final de los mismos. Elementos inline. Como los enlaces, el énfasis o el SPAN. Pueden
Especificidad Hay ocasiones en las que podemos encontrarnos en la situación de que un mismo elemento tenmúltiples definiciones para ser formateado de formas distintas: .grape {color: purple;} H1 {color: red;} <H1>Meerkat <EM>Central</EM></H1> En estos casos CSS define que se debe aplicar el estilo que sea más específico, ejemplo de gradación que aplicará un navegador a