imahdio / CSS-Essential-Training

3 stars 2 forks source link

how inspect default text size of web documents #18

Open imahdio opened 2 years ago

imahdio commented 2 years ago

based W3Schools article , The default text size in browsers is 16px.

as we know , User Agent Style sheets simply refer to the default styles that browsers apply to web pages. but when inspect any paragraph with browser developer tools , 16px doesn't appear under user agent stylesheet. for example on this clean document with this sample code image

the question is:

how should inspect that default size under User Agent Style sheets on a document??

mdSrq commented 2 years ago

When you inspect the page press Ctrl+Shift+C on hover over the p element you will see something like this:

image

which will show you the size of the text which is the default size i.e. 16px

Hina-Mehboob commented 2 years ago

You can check the font size by selecting that text element directly... Or also you can use the "Select Element icon on the top left corner of inspection then you can hover over your element to checkout a particular font size.

hussnainhamid1 commented 2 years ago

To see the default size of the element, click on the elements button, hover over the element to select it and you can see the default size in the styles window.