This example presents a static HTML page that visualizes the precedence of CSS style rules. It shows how different selectors and inline styles determine the final color of heading elements; an `<h1>` turns red from a stylesheet rule, while two `<h2>` elements become blue and green from their respective inline `style` attributes. The page relies on raw HTML, embedded CSS, and the browser’s default styling engine, with no JavaScript libraries. The rendering approach is direct DOM display, illustrating cascade behavior without interactivity.