Apuntes de CSS práctico
Para dar estilo a la primera letra de un elemento de bloque (un párrafo) o a su primera línea:
Podemos definir relaciones de contexto entre elementos: si queremos definir que los EM que estén dentro de un H1 sean grises:
Clasificación de los elementos:
- Elementos de bloque. Fuerzan un salto de línea al final de los mismos: párrafos, encabezados, tablas, listas, DIV, BODY.
- Elementos inline. Enlaces, énfasis, SPAN.
- Elementos de lista. Contienen elementos LI.
Podemos cambiar la visualización de bloques o listas mediante la propiedad display. Puede tomar los valores: block, inline, list-item, none (oculta el elemento).
Para que los párrafos (elementos de bloque) se vean en línea:
p:first-letter {color: red;}
p:first-line {color: gray;}
Podemos definir relaciones de contexto entre elementos: si queremos definir que los EM que estén dentro de un H1 sean grises:
h1 em {color: gray;}
Clasificación de los elementos:
- Elementos de bloque. Fuerzan un salto de línea al final de los mismos: párrafos, encabezados, tablas, listas, DIV, BODY.
- Elementos inline. Enlaces, énfasis, SPAN.
- Elementos de lista. Contienen elementos LI.
Podemos cambiar la visualización de bloques o listas mediante la propiedad display. Puede tomar los valores: block, inline, list-item, none (oculta el elemento).
Para que los párrafos (elementos de bloque) se vean en línea:
p {display: inline;}
Ref:
Programacion.com






