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 […]
La estructura del documento es determinante para la forma en que CSS aplica los estilos al documento, sobre todo en torno a las relaciones entre padres e hijos. Estructura del CSS El primer gran beneficio de este tipo de relaciones es el hecho de que podemos definir relaciones de contexto entre los elementos. Por ejemplo, […]