format_paint
Selectores de elementos
Los selectores de elementos coinciden directamente con el nombre de una etiqueta HTML, permitiendo aplicar estilos a todos los elementos de ese tipo.
Encabezados
Aplicar estilos a todos los títulos de un nivel específico
h1 { color: blue; font-size: 32px; }
h2 { color: navy; font-size: 24px; }
h2 { color: navy; font-size: 24px; }
Párrafos
Estilizar todo el contenido de los párrafos
p { line-height: 1.6; margin: 15px 0; }
Listas
Personalizar el estilo de elementos de lista
ul { list-style-type: square; }
li { margin-bottom: 8px; }
li { margin-bottom: 8px; }
/* Ejemplo de selectores de elementos */
h1 {
color: #2962ff;
font-size: 32px;
text-align: center;
}
p {
color: #333;
line-height: 1.6;
}
a {
color: #2962ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
visibility
Resultado visual
<!-- HTML -->
<h1>Título Principal</h1>
<p>Este es un párrafo de texto.</p>
<ul>
<li>Elemento de lista</li>
<li>Otro elemento</li>
</ul>
<p>Visita <a href="#">nuestro sitio</a></p>
<h1>Título Principal</h1>
<p>Este es un párrafo de texto.</p>
<ul>
<li>Elemento de lista</li>
<li>Otro elemento</li>
</ul>
<p>Visita <a href="#">nuestro sitio</a></p>