vanheystej
4 years ago
commit
bccd70cc48
3 changed files with 71 additions and 0 deletions
+ 23
- 0
01-html-css-intro/index.html
View File
| @@ -0,0 +1,23 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <meta charset="utf-8"> | |||
| <title>html/css - 001: html document</title> | |||
| <link rel="stylesheet" href="stylesheet.css" type="text/css"> | |||
| </head> | |||
| <body> | |||
| <header></header> | |||
| <main> | |||
| <p>ik ben een paragraaf </p> | |||
| <ul> | |||
| <li>item 1</li> | |||
| <li>item 1</li> | |||
| <li>item 1</li> | |||
| <li>item 1</li> | |||
| </ul> | |||
| </main> | |||
| <footer></footer> | |||
| </body> | |||
| </html> | |||
BIN
01-html-css-intro/kat.jfif
View File
+ 48
- 0
01-html-css-intro/stylesheet.css
View File
| @@ -0,0 +1,48 @@ | |||
| body { | |||
| height: 500px; | |||
| } | |||
| html { | |||
| font-size: 18px; | |||
| } | |||
| header{ | |||
| background-color: red; | |||
| height: 50px; | |||
| width: 50px; | |||
| } | |||
| main { | |||
| background: green; | |||
| font-size: 20px; | |||
| padding: 30px; | |||
| border: 2px solid red; /* volgende 3 zijn deze regel maar in meerdere lijnen */ | |||
| /* border-width: 2px; | |||
| border-style: solid; | |||
| border-color: red; */ | |||
| margin: 10px; | |||
| width: 400px; | |||
| box-sizing: border-box; | |||
| } | |||
| main p{ | |||
| font-family: sans-serif; | |||
| font-size: 20px; | |||
| line-height: 40px; | |||
| font-weight: 600; /* bold kan ook */ | |||
| text-decoration: underline; | |||
| text-align: center; | |||
| height: 2rem; | |||
| } | |||
| footer{ | |||
| background-color: blue; | |||
| height: 30px; | |||
| width: 30vw; /* vw = vieuwport width)*/ | |||
| } | |||
| ul { | |||
| list-style-type: square; | |||
| } | |||
| .class2 * { /* het sterretjes betekend alles dus hier alles wat in class 2 zit | |||
| } | |||
Loading…