Pseudo-elementos tipograficos (CSS).
Dentro de los pseudo-elementos tenemos los pseudo-elementos tipográficos, mediante los cuales podremos dar estilo a la primera letra o a la primera línea de un texto. Consiguiendo con ello efectos periodísticos.
Cuando vayamos a utilizar estos pseudo-elementos debemos de tener en cuenta que solamente son aplicables a elementos en bloque (como párrafos, capas,…) y no a elementos en línea.
Las propiedades que podemos modificar son las de fuente, color y fondo, text-decoration, vertical-align, text-transform, line-height, margenes, relleno, borde, float y clear.
Para utilizar un pseudo-elemento tiporafico podremos first-line (para la primera línea) y first-letter (para la primera letra).
PseudoElementosTipograficos.htm
<html>
<head>
<title>Pseudo-elementos Tipograficos</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<STYLE>
p:first-letter {font-family:”letter gothic”; font-size:40px};
span:first-line {font-variant:small-caps; font-weight:bolder;}
</STYLE>
</head>
<body bgcolor=”#FFFFFF” text=”#000000″>
<p style=”width:80px;”>En un lugar de la mancha de cuyo nombre no quiero acordarme…</p>
<span style=”width:300px; text-align:justify;”>Ley de partidos.<br> IU del País Vasco se desmarca
de Llamazares y apoya el ‘no’ a a la ilegalización de Batasuna</span>
</body>
</html>
Fuente: Webtaller.
Autor: aulambra.com
Temas
- Artículos (12)
- Artículos sobre minisitios (2)
- Basados en paquetes GPL (3)
- De nuestra redacción (9)
- Diseño web (50)
- e-Marketing y Desarrollo de su negocio (74)
- Emprendedores (3)
- Fundamentación (4)
- General (25)
- Gráfica, diseño y edición de imagenes (2)
- Ideas y negocios (5)
- Marketing y Venta on-line (10)
- Modelo de negocio (2)
- Novedades (13)
- Posicionamiento (24)
- Productos Recomendados (3)
- Recursos y financiamiento (2)
- Tecnologías (5)
- Tu Web Profesional (2)
- Usabilidad (8)
