CSS Types: Inline, Internal, External

Three Ways to Apply CSS

This div uses inline CSS applied directly with the style attribute.
This div uses internal CSS defined in the <style> tag in the head section.
This div uses external CSS from a separate .css file.

Priority Order

When multiple styles are applied to the same element, they follow this priority:

  1. Inline CSS (highest priority)
  2. Internal CSS
  3. External CSS
  4. Browser default styles (lowest priority)
This div has all three types applied. Inline (purple) overrides internal (green) which overrides external.