CSS integradas en un elemento HTML5

En HTML es posible agregar directamente en el código una declaración de estilo en una etiqueta determinada.

Este estilo en línea se presenta del siguiente modo:


<h1 style="color: red;">Título de nivel 1</h1>
 

Es conveniente evitar esta forma de proceder en virtud del principio de separación entre contenido y presentación.

No obstante, puede resultar útil para dar prioridad a una propiedad de estilo respecto a la que se haya especificado en la declaración interna o externa.

Ejemplo


<!DOCTYPE html>  
<html lang="es">  
<head>  
   <title>Html5</title>  
   <meta charset="UTF-8">  
</head>  
<body>  
   <h1 style="font-style: italic;">Título 1</h1>  
   <h1>Título 2</h1>  
</body>  
</html>
 
images/CAP12IMG01.png

Únicamente la primera etiqueta <h1> con la declaración de estilo se visualiza en cursiva. 

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Integrar los estilos CSS
Siguiente
CSS internas al documento HTML5