When you create a webpage and run it in a browser, it first reads the HTML, which gives the content and structure — like headings, paragraphs, and images.
Then the browser checks for CSS, which can be:
- Inline CSS (inside HTML tags),
- Internal CSS (inside the
<style>tag in<head>) - External CSS (linked through a
.cssfile).
Next, the browser reads CSS rules — selectors and their properties. These rules define:
- How each element should look: color, size, font, spacing, layout, etc.
- Which elements should receive which styles (based on selectors).
Finally, the browser applies the CSS styles to the HTML elements and displays a fully styled webpage.
Note: HTML provides the content and structure, CSS adds design and layout, and the browser combines both to render a complete, styled webpage.