CSS Browser Styling

CSS - Browser Styling

You might have observed in websites the links are rendered with underline and blue in color even without any styling being specified by the developer.

This is because of the browser’s default styling.

Your browser applies some amount of styling to your webpages like margin, padding, etc.

Let us learn about browser default styling.

The browser adds some minimal styling to the web page. The browser styling will be overwritten when the developer includes styling to the webpage

The styling added by the browser is not consistent across different browsers. Each browser has its own default styling.

We learned about different ways of specifying the style and also about browser styling.

Every browser is controlled by two types of style sheets - author's and reader's.

• Author’s are the one who have designed the website. Web developers style sheets are referred to as Author’s style sheet.

• Author’s style sheets override the browsers default styling

• Authors rules always win over Readers rules

• Readers are the end-users of the website.

• Readers may define their own style sheet. For example, Readers with eyesight problem can specify a high value for the font-size property.

• Readers style sheet override browser default styling.

• If we need readers style sheet to take priority over the author's style sheet we need to use !important rule.

• Reader’s write the style sheets similar to authors and store them on the hard drive and inform the browser to use it

• Each browser has its own ways to include reader’s style sheet stored on the hard drive.