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,
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 hay ninguna forma posible de
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 …</p> Sólo nos queda definir
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 utilizar la agrupación para conseguir
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 tipo determinado de elementos dentró
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 que esta se almacene en