Initial commit
This commit is contained in:
33
HTML/html-kurs/Basics/größenangaben/größenangaben.css
Normal file
33
HTML/html-kurs/Basics/größenangaben/größenangaben.css
Normal file
@@ -0,0 +1,33 @@
|
||||
#absoulut {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
font-size: 20px;
|
||||
background-color: #F00;
|
||||
}
|
||||
|
||||
#prozent {
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
background-color: #0F0;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#em {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.em {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.rem {
|
||||
font-size: 2rem;
|
||||
}
|
||||
18
HTML/html-kurs/Basics/größenangaben/größenangaben.html
Normal file
18
HTML/html-kurs/Basics/größenangaben/größenangaben.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Größenangaben</title>
|
||||
<link rel="stylesheet" type="text/css" href="größenangaben.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="absoulut">Dies ist ein Div mit absouluten Größenangaben</div>
|
||||
<div id="prozent">Dies ist ein Div mit Größenangaben in Prozent</div>
|
||||
|
||||
<div id="em">Text!</div>
|
||||
<div class="em">Text!<div class="em">Text!<div class="em">Text!<div class="em">Text!</div></div></div></div>
|
||||
<div class="rem">Text!<div class="rem">Text!<div class="rem">Text!<div class="rem">Text!</div></div></div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user