Uso del elemento `<link>` para vincular hojas de estilo

Elemento `<link>`

El elemento `<link>` se utiliza para conectar recursos externos, especialmente hojas de estilo CSS, a documentos HTML.

Atributo rel

Define la relación entre el documento actual y el recurso enlazado

Atributo href

Especifica la ubicación del recurso externo

Atributo type Opcional

Indica el tipo MIME del recurso (text/css para hojas de estilo)

                        <!-- Sintaxis básica del elemento link -->
                    
                        <link rel="stylesheet" href="estilos.css">
                    
                        <!-- Con el atributo type (opcional en HTML5) -->
                    
                        <link rel="stylesheet" type="text/css" href="estilos.css">
                    
                        <!-- Ejemplo completo en un documento HTML -->
                    
                        <!DOCTYPE html>
                    
                        <html>
                    
                          <head>
                    
                            <title>Mi Página</title>
                    
                            <link rel="stylesheet" href="estilos.css">
                    
                          </head>
                    
                          <body>
                    
                            <h1>Título</h1>
                    
                          </body>
                    
                        </html>

Consejos prácticos

Coloca los enlaces CSS en la sección <head> para mejorar el rendimiento
Usa rutas relativas cuando los archivos estén en el mismo proyecto
Puedes vincular múltiples hojas de estilo si es necesario