Índice

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.