# Color System
# RGB
# yellow
background-color: rgba(255, 192, 51, 1)
background-color: rgba(255, 192, 51, 0.8)
# green
background-color: rgba(36, 175, 67, 1)
background-color: rgba(36, 175, 67, .5)
1
2
3
4
5
6
7
2
3
4
5
6
7
# HEX
# yellow
background-color: #FFC433
background-color: #FFC433CC
# green
background-color: #24AF43
background-color: #24AF4380
1
2
3
4
5
6
7
2
3
4
5
6
7
# Try it Yourself
;
A
# CSS Box Model
# Margin
# top right bottom left
margin: 25px 50px 75px 100px;
# top&bottom right&left
margin: 50px 100px;
# all
margin: 100px ;
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# Padding
# top right bottom left
padding: 25px 50px 75px 100px;
# top&bottom right&left
padding: 50px 100px;
# all
padding: 100px ;
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# Try it Yourself
;
;