Etiqueta style
La etiqueta style permite escribir CSS directamente
dentro de una página HTML. Ten en cuenta que dentro
de la etiqueta style escribimos, respetando la sintaxis
del lenguaje CSS
(selectores, llaves
y así sucesivamente).
Esta etiqueta debe ubicarse dentro de la etiqueta
head,
sin embargo, no es obligatorio - la etiqueta style
puede colocarse también dentro de la etiqueta body
y funcionará.
No se debe abusar de la etiqueta style
- en su lugar, la mayoría de las veces se debe usar
un archivo CSS
separado.
Ejemplo
Escribamos CSS dentro del código HTML usando
la etiqueta style:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Este es el título</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>Este es un encabezado de color estándar (negro).</h1>
<p>Este es un párrafo de color rojo.</p>
</body>
</html>
