Now let's get into the ins and outs of CSS.
Let's start with the first concept, and that is the browser default stylesheet.
What does it mean?
The browser default style sheet, also known as the user Agent Stylesheet is a built in stylesheet that
each web browsers uses to apply default styles to a HTML element.
If no other styles are defined by the web developer.
The purpose for this trial is to ensure that web pages have some basic readable layout, even when no
custom CSS have been applied.
For example, some browsers will apply some of these styles to this element.
For H1, it will add some default styling.
Likewise links.
Then the text inside the strong tag.
Let me show you with code.
I have some simple HTML template here or HTML code and you can use any HTML code to explore the browser
default stylesheet.
Over here.
I have added some couple of HTML tags, H1, p l tags and some table and some length tags here or the
A tag.
So with this one there is no CSS being applied.
But when I open this in a browser, this is the result.
As you can see, we have some custom CSS or some styling applied to this element for this H1.
As you can see, the font size is larger as compared to this.
And for link tag, the color is blue.
So where from these styles?
This is because of the default stylesheet and these styles are being injected by the browsers.
For our case, the Chrome browser.
The next question is that where can we visualize these default styles by the browsers?
For Chrome, we can get that one from the console.
So right click and click on inspect and click on Element.
This is our HTML and under these tabs, click on styles.
As you can see, if I click on the H1.
By default, the browser has injected or applied some CSS to it with the font size of this a margin
and adds that.
And these ones are from the user agent stylesheet, which is the default browser stylesheet.
So this is where we can visualize the default stylesheet.
Now that we know what is default stylesheet, the next video we are going to learn more concept when
it comes to CSS.
Let's continue in the next video.