When you create a web page, browsers automatically apply their own default styles to HTML elements. These styles are sometimes helpful but can also cause inconsistencies if not handled properly.

1. What Are Default Styles? 🤔

• Definition: Default styles are the predefined styles applied by browsers to HTML elements.
• These styles differ slightly across browsers, which can lead to layout inconsistencies.

2. Examples of Default Styles 🖋️

Here are a few examples of how browsers style elements by default:

Headings (<h1>, <h2>, etc.)

• Bold text
• Larger font sizes (e.g., <h1> is bigger than <h2>).

<h1>This is an H1 tag</h1>
<h2>This is an H2 tag</h2>

Paragraphs (<p>)

• Default margin between paragraphs, often around 1em.

<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>

Lists (<ul> or <ol>)