CSS Cheatsheet
๐ฏ CSS Selectors /* Universal Selector */
* { margin: 0; padding: 0; }
/* Type Selector */
p { color: blue; }
/* Class Selector */
.box { border: 1px solid #333; }
/* ID Selector */
#header { background: #f4f4f4; }
/* Descendant Selector */
nav a { text-decoration: none; }
/* Attribute Selector */
input[type="text"] { border: 2px solid red; } ๐จ Colors & Backgrounds body {
background-color: #f0f0f0;
color: #333;
}
div {
background: linear-gradient(to right, #ff7e5f, #feb47b);
}
section {
background-image: url("bg.jpg");
background-size: cover;
} ๐ Typography h1 {
font-family: "Arial", sans-serif;
font-size: 2rem;
font-weight: bold;
line-height: 1.5;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
} ๐ฆ Box Model .card {
width: 300px;
padding: 20px;
border: 2px solid #333;
margin: 10px auto;
box-sizing: border-box;
} ๐ Flexbox .container {
display: flex;
justify-content: space-between;
align-it…