CSS custom properties(--*)
| 8:00 | Mon | Tues | Wed | Thur | Fri | 8:00 |
|---|---|---|---|---|---|---|
| 9:00 | ||||||
| 10:00 | ||||||
| 11:00 | ||||||
| 12:00 | ||||||
| 13:00 | ||||||
| Index | ||||||
With the new day comes new strength and new thoughts.__Eleanor Roosevelt
| 8:00 | Mon | Tues | Wed | Thur | Fri | 8:00 |
|---|---|---|---|---|---|---|
| 9:00 | ||||||
| 10:00 | ||||||
| 11:00 | ||||||
| 12:00 | ||||||
| 13:00 | ||||||
| Index | ||||||
With the new day comes new strength and new thoughts.__Eleanor Roosevelt
Tables are one of the earliest ways devs had for displaying data in a browser way back in the 1990s. Many years ago, developers might have used a table to position non-data elements on a webpage, but this was never considered a best practice. Nowadays, developers use CSS flexbox and grid to layout their designs.
Custom properties are property names that are prefixed with two dashes
(--), such as--color: white, and can be used via the CSS variable, var() function, such asvar(--color)The var() function cannot be used in property names, selectors or anything else besides property values. CSS variable name can have a global or local scope and is case sensiyive!:root {--main-bg-color: green; /* global scope */
}
.para {--para-bg-color: ivory; /* local scope */
}
[You can learn more about HTML Table, not only, and practice through the next link: MDN Web Docs]