Tarea anterior
Formato de texto con CSS4/14
A la lista de tareas
  1. 1. La etiqueta básica para texto: span
  2. 2. Propiedad font-size: definimos el tamaño de la fuente
  3. 3. Propiedad font-weight: grosor del texto
  4. 4. Propiedad font-style: cursiva
  5. 5. Propiedad font-family: fuente
  6. 6. Propiedad color: color del texto
  7. 7. Propiedad text-decoration: subrayado y otros efectos
  8. 8. Subrayado decorativo
  9. 9. Controlamos las mayúsculas y minúsculas con text-transform
  10. 10. Controlamos los espacios: white-space
  11. 11. Alineación horizontal del texto: text-align
  12. 12. Alineación vertical: vertical-align
  13. 13. Superíndices y subíndices con CSS
  14. 14. Propiedad line-height: controlamos el interlineado
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Propiedad font-style: cursiva

El estilo del texto puede definirse con la propiedad font-style. Sus valores principales son:

  1. normal: estilo normal;
  2. italic: estilo en cursiva.

Esta propiedad tiene otros valores, pero casi no se usan.

  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Propiedad font-style: cursiva</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Etapa de «buen viejo HTML»</h1> <p>En la primera etapa, el contenido original de la página se marca con HTML. En esta etapa hay que crear un marcado lógico y semánticamente correcto. No se aplica ningún estilo adicional. Como resultado, se obtiene un documento HTML <em>correctamente marcado</em> que el navegador muestra de la manera que considera adecuada.</p> <p>A este documento se le puede llamar <span class="italic">«mínimo común denominador»</span>, ya que se mostrará correctamente en cualquier navegador, incluso en el más simple. La mejora progresiva insiste en que la primera etapa es la más importante, porque <span class="italic">en la web no hay nada más importante que el contenido</span>.</p> </body> </html>
CSS
h1 { font-size: 24px; } em { } .italic { }

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Quita la cursiva de la etiqueta <em>.
    2. Pon el encabezado en cursiva.
    3. Pon en cursiva las etiquetas con clase italic.

    © 2023-2026, codigoheroe.com