CSS

Selectors

/* Element selector */ p { color: red; } /* Class selector */ .box { border: 1px solid black; } /* ID selector */ #header { background-color: yellow; }

Box Model

div { margin: 10px; padding: 20px; border: 1px solid #000; width: 300px; }

Typography

body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; text-align: justify; }

Colors & Backgrounds

.container { color: white; background-color: #333; background-image: url("bg.jpg"); background-size: cover; }

Flexbox

.flex { display: flex; justify-content: space-between; align-items: center; }

Transitions

button { transition: background 0.3s ease; } button:hover { background: lightblue; }