diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000000000000000000000000000000000000..d04fee18086450c07b1ef77358ba42da27da77df --- /dev/null +++ b/css/main.css @@ -0,0 +1,52 @@ +/*.parent{ + width: 50%; + height: auto; + background-color: aqua; + .parent__h1{ + background-color: blue; + } + + +.parent-1{ + width: 1000px; + height:200px; + background-color: blue; + margin: 50px auto; + +} +.parent-2{ + width: 90px; + background-color: brown; + margin: 50px auto; +} +.parent-3{ + width: 70px; + background-color: cadetblue; + margin: 50px auto; +} +.parent-4{ + width: 80%; + background-color: bisque; + margin: 50px auto; +}*/ +/*:root{ + --width:300px; + --height:200px; + --background_color:rgb(9, 0, 128); + --center:50px auto; + + +} +.parent{ + width:var(width); + height:var(--height); + background-color: var(--background_color); + margin: var(--center); +}*/ +.parent { + width: 250px; + height: 250px; + background-color: bisque ; + margin: 50px auto; + border-radius: 50%; +} \ No newline at end of file diff --git a/index.html b/index.html index 6f83c18b27a9dae3d86dc1d789ddd28c7976b9b2..432f017e5b9301111707684cfc5cf677a93005a9 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,17 @@ - <!DOCTYPE html> -<html> +<!DOCTYPE html> +<html lang="en"> <head> -<title>Hello World!</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Document</title> + <link rel="stylesheet" href="./css/main.css"/> </head> <body> + <div class="parent"> </div> + -<h1>Hello world!</h1> -<div><img src="img_hello_world.jpg" alt="Hello World from Space" -style="width:100%;max-width:726px"></div> -<a href="./image/img_hello_world.jpg> + + </body> -</html> \ No newline at end of file +</html> \ No newline at end of file