Identació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 leyendo

Formato 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 leyendo

Clasificació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 leyendo

Especificidad 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 leyendo

Estructura 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 leyendo

Pseudo-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 leyendo

El 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 leyendo

Agrupació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

Comentarios CSS y Reglas Básicas

Comentarios en CSS: Podemos definir comentarios dentro de un fichero CSS haciendo uso de una sintaxis muy similar a la C/C++, es decir, se considerará un comentario cualquier sección del documento que comience con /* y termine con */. Reglas básicas: Con CSS podemos aplicar reglas de estilo a un…

Continuar leyendo

El Tag STYLE y la directiva @import

El Tag STYLE: El tag STYLE es un elemento relativamente reciente en la especificación HTML. Permite dos tipos de tratamiento: Definir estilos que se aplicarán al tag en que se ubique, sin necesidad de definirlos en el HEAD del documento. Definir una hoja de estilo completa en el HEAD sin…

Continuar leyendo