CSS internas al documento HTML5

El uso principal de las hojas de estilo CSS consiste en determinar un estilo que se aplique a la totalidad de una página HTML5.

A este efecto, el código de las hojas de estilo se agrupa en el encabezado del documento, entre las etiquetas <head> y </head>. Hablamos de estilo interno.

La sintaxis se presenta de la siguiente manera:


<head>  
   <style type="text/css">  
   h1 { color: red;}  
   </style>  
</head>
 

Esta declaración de estilo tendrá como efecto poner en rojo el texto de todas las etiquetas <h1> del documento HTML.

Ejemplo


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

Destacamos cómo todos los títulos de nivel 1 de esta página aparecen 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
CSS integradas en un elemento HTML5
Siguiente
CSS externas al documento HTML5