Índice

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.