Event propagation in DOM has three phases: 1) Capturing phase - event travels down from the root to the target element's parent, 2) Target phase - event reaches the target element, 3) Bubbling phase - event bubbles up from the target back to the root. Understanding these phases is crucial for proper event handling, especially when using event delegation or managing event propagation with stopPropagation().