diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/README.md b/README.md index 9c0787d..8929c8f 100644 --- a/README.md +++ b/README.md @@ -21,27 +21,27 @@ puedan verificar ## Instrucciones -- Agrega 2 etiquetas de encabezado más (h2, h3) y 2 etiquetas de párrafo más al documento HTML. +✅- Agrega 2 etiquetas de encabezado más (h2, h3) y 2 etiquetas de párrafo más al documento HTML. -- Cambia el color de todos los párrafos a rojo. +✅- Cambia el color de todos los párrafos a rojo. -- Cambia el color de todos los h3 y párrafos a rojo. +✅- Cambia el color de todos los h3 y párrafos a rojo. -- Haz que el color de fondo de h2 sea azul claro. +✅- Haz que el color de fondo de h2 sea azul claro. -- Establece cualquier imagen como fondo para h1. +✅- Establece cualquier imagen como fondo para h1. -- Cambia el color del texto h1 a amarillo. +✅- Cambia el color del texto h1 a amarillo. -- Establece un borde punteado de 7 px alrededor de todos los párrafos. +✅- Establece un borde punteado de 7 px alrededor de todos los párrafos. -- Establece la altura de h2 a 100px. +✅- Establece la altura de h2 a 100px. -- Establece el ancho de h2 al 50%. +✅- Establece el ancho de h2 al 50%. -- .Establece el relleno de h3 a 30px. +✅- .Establece el relleno de h3 a 30px. -- Usa el margen para alinear al centro la etiqueta h3. +✅- Usa el margen para alinear al centro la etiqueta h3. ## Recursos extras diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..b5736f8 --- /dev/null +++ b/css/style.css @@ -0,0 +1,27 @@ +*{ + --red: rgba(255, 0, 0, 0.584); + --azul-claro: rgb(0, 123, 255); + --yellow: rgba(255, 255, 0, 0.858); +} +p{ + + color: var(--red); +} + +h1{ + color: var(--yellow); + background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSZ7Oz6GlIDRpuJcgCNRHS8nzf3z7UVD2QpAg&usqp=CAU'); + background-repeat: no-repeat; +} + +h3{ + color: var(--red); + height: 30px; + text-align: center; +} + +h2{ + background-color: var(--azul-claro); + height: 100px; + width: 50%; +} \ No newline at end of file diff --git a/index.html b/index.html index e69de29..a2e7bd2 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,18 @@ + + +
+ + +Mi perro se llama Skipper 🐶
+Me gustan los aviones ✈️
+ + \ No newline at end of file