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).
PseudoElementosTipo
graficos.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>
Autor: aulambra.com
http://www.tutorial-enlace.net/tutorial-Eliminar_el_subrayado_de_los_enlaces-2175.html
Autor