Most used properties

Layout and Position

display: block;
display: flex;
display: grid;
 
position: relative;
position: absolute;
 
width: 100%;
height: 50px;
 
margin: 10px 20px;
 
padding: 15px;
float: left;
clear: both;

Text and Typography

font-family: "Arial", sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #333;
text-decoration: none;
letter-spacing: 1px;

Color and Background

background-color: #f0f0f0;
background-image: url("image.png");
background-position: center;
background-size: cover;
border: 1px solid #ccc;

Box model

box-sizing: border-box;
border-radius: 10px;

Flexbox (for Layout)

flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;

Grid (for Layout)

grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto 1fr;
grid-gap: 10px;

Transition and Animation

transition: all 0.3s ease;
animation: slide 1s forwards;

Responsive Design

@media (max-width: 768px) {
  /* Styles for mobile */
}