Consulta, tengo este HTML y el CSS por otro lado, pero no me toma los estilos. <!DOCTYPE html> <html lang=“en”> <head> ...

Juan Dema

Juan Dema

Pregunta
studenthace 4 años

Consulta, tengo este HTML y el CSS por otro lado, pero no me toma los estilos.

<!DOCTYPE html>

<html lang=“en”>

<head>

<meta charset=“UTF-8”>

<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>

<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>

<title>Document</title>

<link rel=“stylesheet” href="./style.css">

<link rel=“preconnect” href=“https://fonts.googleapis.com”>

<link rel=“preconnect” href=“https://fonts.gstatic.com” crossorigin>

<link href=“https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap” rel=“stylesheet”>

</head>

<body>

<div class=“login”>

<div class=“form-container”>

<img src="./logos/logo_yard_sale.svg" alt=“logo” class=“logo”>

<h1 class="title">Create a new password</h1> <p class="subtitle">Enter a new pasword for you account</p> <form action="/" class="form"> <label for="password" class="label">Password</label> <input type="password" id="new-password" placeholder="*********" class="input input-password"> <label for="password" class="label">Password</label> <input type="password" id="new-password" placeholder="*********" class="input input-password"> <input type="submit" value="Confirm" class="pimary-button loggin-button"> </form> </div> </div>

</body>

</html>

2 respuestas
para escribir tu comentario
    Walther Yesid Piedrahita Ortiz

    Walther Yesid Piedrahita Ortiz

    studenthace 3 años

    Tal como tienes esta línea:

    <link rel=“stylesheet” href="./style.css">

    Estás indicando que tienes tu archivo HTML dentro de una carpeta y que fuera de esa carpeta, en un nivel superior, está tu archivo CSS. Si ambos archivos están en la misma carpeta, no es necesario usar ./. Si tu CSS está en un nivel superior pero dentro de otra carpeta, la ruta sería:

    <link rel=“stylesheet” href="./styles/style.css">
    Yosstin Steven Castillo Ramirez

    Yosstin Steven Castillo Ramirez

    studenthace 3 años

    Lo único que podría ser es que no estés indicando bien donde esta el documento css si tenes una carpeta y dentro el archivo también tienes que indicar la carpeta sin ver tu estructura de carpetas es muy difícil contestarte que pueda ser.

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.