Cómo utilizar cursiva en CSS

by admin

Al crear un sitio web y llenarlo de contenido, hay una serie de diferentes maneras de personalizar su copia y hacen que se destaque. Una forma de enfatizar el texto en su sitio es el uso de estilos de fuente. Estos pueden ser aplicados a la información de su página con hojas de estilos en cascada (CSS). Los elementos de la página son identificados por un nombre que elija, entonces esos elementos están personalizados con propiedades CSS definidos en una página separada .css o en la sección <head> de su página.

Instrucciones

1 Abra la página que contiene el texto que desea poner en cursiva en su editor web normal. Si está utilizando un programa de edición que le permite alternar entre "diseño" y la vista "Código", seleccione la opción "Código".

2 Vaya a la ubicación del texto que desea poner en cursiva.

3 Añadir un identificador de clase al elemento que contiene el texto que desea poner en cursiva. Por ejemplo, si el texto se encuentra dentro de una etiqueta "<div>", se modificaría con decir

<Div class = "xxxxxx"> texto a cursiva </ div>

donde "xxxxxx" sería reemplazado con el nombre que desea dar al elemento.

4 Vaya a la sección "<head>" de la página, o abrir el documento .css si está utilizando una.

5 Añadir el texto de la clase a la sección "<head>" o al documento .css. Si va a añadir a su primera clase CSS a la página, también se tendrá que incluir "<style type =" text / css "> </ style>" a la sección "<head>". Por lo tanto, si esta es su primera clase CSS en una página, escribiría

<Style type = "text / css">

.xxxxxx {

font-style: cursiva;

}

</ Style>

Si ya dispone de CSS en su página, o si va a agregar la clase a un documento .css, escribiría

.xxxxxx {

font-style: cursiva;

}

Consejos y advertencias

  • También puede utilizar el código HTML "<i>" y "</ i>" etiquetas antes y después del texto que desea poner en cursiva.
ETIQUETA: