Revision as of 12:32, 12 November 2024

Basic

HTML basic structure

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
</body>
</html>

:root{
--(name of the var):(color, fontsize etc);
}
//-- two dash is mendatory

//when use
ex) font-size: var(--main-font-size);

it is fixed on the designated position

it is fixed on the designated position + it stays float in the position even if the page is being scrolled

@@ Line 25: / Line 25: @@
 ===Position===
-====absolute====
+====position: absolute;====
 it is fixed on the designated position
- position: absolute;
- (location);
 ====position: fixed;====
 it is fixed on the designated position + it stays float in the position even if the page is being scrolled