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) {}