Es el elemento encargado de indicarle al navegador cómo
han de representarse los elementos presentes en nuestro documento HTML.
Está definido por las etiquetas
<style>
y </style>
Normalmente su ubicación es en la cabecera, es
decir, dentro del elemento head, pero en HTML5 cambia y depende del atributo
scoped.
Atributos
Atributo
|
Valor
|
Descripción
|
media
|
Especifica el medio o dispositivo en el cual se
aplicara el estilo
|
|
type
|
"text/css"
text/javascript
|
Indicara el tipo de contenido de los estilos. Si este
atributo es omitido, el valor por defecto será "text/css"
|
scoped
|
Booleano
|
Representa un valor Booleano que indicara si los
estilos contenidos afectaran a todo el documento o sólo al elemento padre y a
los hijos de éste
|
title
|
nombre
|
Este atributo ofrece información consultiva sobre el
elemento para el cual se establece
|
dir
|
ltr o rtl
|
Especifica la dirección del texto
|
lang
|
código de lenguaje
|
Especifica el idioma base de los valores de los
atributos y del texto contenido en un elemento.
|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>El elemento style</title>
</head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Esto es la cabecera de la pagina</h1>
<p>Esto es un parrafo</p>
</body>
</html>