III. Selectores CSS

Selector de Tipo

Selecciona un tipo de elemento HTML específico.
Para aplicar este selector escribimos el elemento HTML que deseamos seleccionar(sin "< >") y lo escribimos en la zona correspondiente al archivo CSS.

Cada elemento HTML es un posible selector de tipo asi que podemos asociar un estilo a cualquier elemento HTML

h1 {color:red; }
h2 {color:blue; }
p {color:black;font-size:12px;}
blockquote {font-size:12px;color:green;}

h1{color:red;}
h2{color:blue;}

Mediante la regla de estilo "h1{color:red;}" estamos indicando que los títulos dentro de las etiquetas <h1>... </h1> tendran texto de color rojo. Por otro lado, la regla de estilo "h2{color:blue;}" indica que los títulos dentro de las etiquetas <h2>... </h2> tendran texto de color azul.

<h1">Titulo principal</h1>
<h2">Subtitulo</h2>

Abra y edite el archivo (ejercicio.html) y agregue:

<h1">Titulo principal</h1>
<h2">Subtitulo</h2>
<h3">Subtitulo 2</h3>
<h1">Titulo principal 2</h1>

Guarde los cambios efectuados y actualize o abra de nuevo la página(ejercicio.html)