Selectors
- Element Selector: element
- Class Selector: .class
- ID Selector: #id
- Attribute Selector: [attribute=value]
- Universal Selector: *
Properties
- Color – color: #RRGGBB;
- Font Size – font-size: 16px;
- Font Family – font-family: Arial, sans-serif;
- Background Color – background-color: #RRGGBB;
- Margin – margin: 10px;
- Padding – padding: 10px;
- Border – border: 1px solid #000;
Box Model
- Width – width: 200px;
- Height – height: 150px;
- Box Sizing – box-sizing: border-box;
Layout
- Display Property – display: block | inline-block | inline;
- Positioning – position: relative | fixed | absolute;
- Flexbox – display: flex;
Text
- Text Alignment – text-align: left | center | right;
- Text Decoration – text-decoration: underline | overline | line-through;
- Line Height – line-height: 1.5;
Transitions and Animations
- Transition – transition: property duration timing-function;
- Animation: @keyframes animation-name { from { } o { } }
Responsive Design
- Media Queries – @media screen and (max-width: 600px) {}