Tecnología

Inicio

Cómo utilizar CSS para cursiva texto

las hojas de estilo en cascada (CSS) ahorrar espacio de archivos y permite dar formato a las páginas Web de forma rápida para Internet. Puede estilo de texto dentro de una línea, la partida o el párrafo con el propósito que tiene en mente. CSS utiliza la fuente de estilo específicamente para el texto. La propiedad cursiva es un estilo de fuente que ayuda a texto inclinación en una página Web. Puede poner en cursiva una palabra, frase, línea o párrafo, o se puede poner en cursiva varias líneas de texto al mismo tiempo.

Instrucciones

En cursiva varias líneas de texto

1 Ir a la etiqueta HEAD del archivo HTML que desea dar formato.

2 Inserte el siguiente código CSS con el estilo de los contenidos de su página Web. El selector "p.italics" se utiliza para los párrafos, mientras que "span.italics" se utiliza para el texto en la misma línea. "H1.italics", "h2.italics", "h3.italics", "", "h4.italics h5.italics" y "h6.italics" se usan para los títulos de su página Web (ordenado de mayor a menor) .

<Style type = "text / css">
<! -
p.italics {font-style: cursiva; }
span.italics {font-style: cursiva; }
h1.italics {font-style: cursiva; }
h2.italics {font-style: cursiva; }
h3.italics {font-style: cursiva; }
h4.italics {font-style: cursiva; }
h5.italics {font-style: cursiva; }
h6.italics {font-style: cursiva; }
->
</ Style>

3 Retire cualquier elemento que no desea al estilo en el código CSS en el paso 2, tales como:

h6.italics {font-style: cursiva; }

4 Ir a la etiqueta BODY y encontrar ninguna etiqueta HTML que desea poner en cursiva, como por ejemplo:

<P> contenido que desea poner en cursiva </ p>

5 Añadir 'class = "cursiva"' a la etiqueta de la siguiente manera:

<p class = "cursiva"> contenido que desea poner en cursiva </ p>

Texto en cursiva individual

6 Ir a la etiqueta BODY del archivo HTML que va a dar formato.

7 Inserte el siguiente código para poner en cursiva texto de un párrafo, pero reemplace "sus contenidos aquí" con su propio texto:

<P style = "font-style: cursiva;"> sus contenidos aquí </ p>

8 Reemplazar "p" con "span" poner en cursiva el texto que desea mantener en la misma línea, tales como:

<Span style = "font-style: cursiva;"> sus contenidos aquí </ span>

9 Reemplazar "p" con "h1", "h2", "H3", "h4", "h5" o "H6" poner en cursiva texto en un encabezado (ordenados de mayor a menor) de la siguiente manera:

<H1 style = "font-style: cursiva;"> sus contenidos aquí </ h1>
<H2 style = "font-style: cursiva;"> sus contenidos aquí </ h2>
<H3 style = "font-style: cursiva;"> sus contenidos aquí </ h3>
<H4 style = "font-style: cursiva;"> sus contenidos aquí </ h4>
<H5 style = "font-style: cursiva;"> sus contenidos aquí </ h5>
<H6 style = "font-style: cursiva;"> sus contenidos aquí </ h6>