There are various ways of creating style sheets. The main ways are listed below namely:
•Embedded Style Sheets
•Inline Styles
•External Style Sheets
Embedded Style Sheets:
Embedded Style Sheets are present within the web page. This is very useful in making the collection of all the styles applied to the page and making them appear in a common place under the <STLYE> element or tag which is placed in the page header.
Inline Styles:
If a user wants to set a particular style for a particular element this can be done using Inline styles by making use of the STYLE attribute. The STYLE attribute is different from <STYLE > tag. Thus a inline style is applied only to a particular element.
External Style Sheets:
These are style sheets which are stored separately from the web page. The external style sheet has extension as .css. For example main.css represents as external style sheet. This style sheet is generally used in scenarios when the users want to set the style for the entire web page so that making changes in the external style sheet would get reflected for the entire web page or all the pages which makes use of the embedded style sheet.