vh unit stands for viewport height, and is relative to 1% of the height
of the viewport.
HTML Basics:
Name-elements | Syntax | Name-attributes | Syntax |
form | <form>(self-taging) | action | action="any-link" |
- | - | method | method="POST" |
fieldset | <fieldset></fieldset> | - | - |
label | <label></label> | for | for="first-name" |
input | <input>(self-taging) | id | id="first-name" |
- | - | type | type="email" |
- | - | type | type="submit" |
- | - | value | value="Submit" |
- | - | minlength | minlength="8" |
- | - | pattern | pattern="[a-z0-5]{8,}" |
- | - | type | <input type="radio"> |
legend | <legend></legend> | - | - |
select | <select></select> | | |
option | <option></option> | | |
TextArea | textarea | |
CSS Basics:
Name | Value | Syntax |
width | 100% | width:100%; |
height | 100vh | height:100vh;(viewport) |
margin | 0 | margin:0; |
background-color | #1b1b32(black) | background-color:#1b1b32; |
color | #f5f6f7(white) | color:#f5f6f7; |
display | block | display:block; |
margin | 0.5rem 0 | margin:0.5rem 0; |
| |
- attribute selector: which selects an element based on the given attribute value.
Syntax: input[name="password"]
source: freecodecamp.org