Jordi/FH
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
Jordi
2025-02-13 18:50:22 +01:00
parent 5c211013b5
commit 4cae4e9e28
803 changed files with 107055 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WS24_25/WebTech/ue5/a3/seite.html
+24
View File
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Übung: CSS-Regeln überschreiben</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="custom.css">
<style>
article.art {
border: 1px solid lightgray;
}
</style>
</head>
<body>
<h1 style="color: blue;">Mein Blog</h1>
<article class="art">
<h2>CSS Grid</h2>
<p>Das Grid-Modell von CSS...</p>
</article>
</body>
</html>
WS24_25/WebTech/ue5/a3/style.css
+20
View File
@@ -0,0 +1,20 @@
body {
font-family: Times, serif;
}
article {
padding: 5px;
margin: 10px;
}
h1 {
color: orange !important;
}
body > article.art {
border: 5px solid black;
}
body {
font-family: Arial,sans-serif;
}
WS24_25/WebTech/ue5/a4/seite.html
+18
View File
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Übung: Positionierung</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p id="p1"><strong>Absatz 1:</strong> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet [...] </p>
<p><strong>Absatz 2:</strong> Ut enim ad minim veniamLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet [...] </p>
<p id="p3"><strong>Absatz 3:</strong> Duis aute irure dolorLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet [...] </p>
<p id="p4"><strong>Absatz 4:</strong> Excepteur sint occaecatLorem ipsum dolor sit ametLorem ipsum dolor sit amet [...] </p>
<p><strong>Absatz 5:</strong> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet [...] </p>
</body>
</html>
WS24_25/WebTech/ue5/a4/style.css
+13
View File
@@ -0,0 +1,13 @@
#p1 {
float: right;
width: 50%;
border: 5px solid;
border-color: lightblue;
}
#p4 {
float: left;
width: 70%;
border: 5px solid;
border-color: orange;
}