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 leyendoCategoría: Tecnología al Día
Alineació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 leyendoIdentación
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>…
Continuar leyendoFormato de Unidades en CSS
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:…
Continuar leyendoClasificación de los elementos y Colores
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…
Continuar leyendoEspecificidad y Estilos en Cascada
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…
Continuar leyendoEstructura y Herencia
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…
Continuar leyendoPseudo-clases y Pseudo-elementos
Permite la asignación de estilos a estructuras, estados de los elementos o estados del propio documento, las cuales no deben estan definidas en la estructura del propio documento. Pseudo-Clases En el caso de los enlaces, algunos de ellos hacen referencia a páginas que ya han sido o no visitadas. No…
Continuar leyendoEl Atributo Class y el Atributo ID
El atributo CLASS Nos permite asignar estilos al documento sin preocuparnos de los elementos concretos a los que se aplicarán. Como desventaja, está el hecho de que debemos modificar el código HTML del documento, incluyendo atributos CLASS en los lugares donde queramos aplicar estilos. <p>En en lugar de la mancha…
Continuar leyendoAgrupación de Selectores y Declaraciones
Agrupación de selectores Normalmente, se da el caso en que dos elementos del documento HTML comparten la definición de la misma propiedad CSS. Estos elementos podemos declararlos de una forma extendida: H1 {color: purple;} H2 {color: purple;} H3 {color: purple;} H4 {color: purple;} H5 {color: purple;} H6 {color: purple;} O…
Continuar leyendo