User:Zuhui//SI25/Prototyping/HTML/CSS: Difference between revisions
From XPUB & Lens-Based wiki
|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
|
| |
|
| =Basic=
| | =HTML= |
| [https://pad.xpub.nl/p/HTML-club 121124 with manetta]
| |
| ==HTML==
| |
| HTML basic structure
| |
| <!DOCTYPE html>
| |
| <html>
| |
| <head>
| |
| <title></title>
| |
| </head>
| |
| <body>
| |
| </body>
| |
| </html>
| |
|
| |
|
|
| |
|
| ==CSS==
| | =CSS= |
| ===:root===
| | ==Animation== |
| :root{
| |
| --(name of the var):(color, fontsize etc);
| |
| }
| |
| //-- two dash is mendatory
| |
| | |
| //when use
| |
| ex) font-size: var(--main-font-size);
| |
| | |
| ===Position===
| |
| ====absolute====
| |
| it is fixed on the designated position
| |
| position: absolute;
| |
| (location);
| |
| | |
| ====fixed==== | |
| it is fixed on the designated position + it stays float in the position even if the page is being scrolled
| |
| position: fixed;
| |
| (location);
| |
Latest revision as of 19:52, 6 January 2025
HTML
CSS
Animation
