From 55b5743d1ce2645888263853eff4e0b71cce5340 Mon Sep 17 00:00:00 2001 From: arezou <git@gitlab.tugraz.at> Date: Mon, 9 Dec 2024 13:46:53 +0100 Subject: [PATCH] updated --- css/main.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 19 +++++++++++-------- 2 files changed, 63 insertions(+), 8 deletions(-) create mode 100644 css/main.css diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..d04fee1 --- /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 6f83c18..432f017 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 -- GitLab