CSS - style (externo)
Ejercicio 24:
Crear una página en html, agregar minimamente:
1. Un nombre a la página
2. CSS de forma externa, creando un archivo styles.css:
a. Un color oscuro para el fondo de mi página web (como si fuera tema nocturno), utilizando rgb
b. Otro color para el borde de mis títlos principales
c. Para mi subtítulo 2 un color de fondo transparente al 70% y agregar una imagen
d. Para mis párrafos otro color de letra, agregar margen y cambiar tipo de letra
3. Redactar una página con 2 títulos, 2 subtítulos y 3 párrafos
index.html
<!DOCTYPE html>
<html>
<head>
<title>CSS - externo</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<h1>
CSS externo
</h1>
<p>
Párrafo 1
</p>
<h2><img src="triángulo.png">
Subtítulo 2
</h2>
<p>
Párrafo 2
</p>
<h1>
Título
</h1>
<h2><img src="triángulo.png">
Subtítulo 2
</h2>
<p>
Párrafo 3
</p>
</main>
</body>
</html>
...
styles.css
body{
background-color: rgb (52,52,52);
}
h1{
color: white;
border: 4px solid lightcoral;
}
h2{
color: white;
background-color: rgba (216,129,111,0.3);
}
p{
color: darksalmon;
margin: 20px;
font-family: 'Courier New', Courier, monoespace;
}
img{
width: 25px;
height: 25px;
}
...
Comentarios
Publicar un comentario