Styles in HTML are basically rules that describe how a document will be presented in a browser. Style information can be either attached as a separate document or embedded in the HTML document.
There are 3 ways of implementing style in HTML :
- Inline Style : In this method, the style attribute is used inside the HTML start tag.
- Embedded Style : In this method, the style element is used inside the <head> element of the document.
- External Style Sheet : In this method the <link> element is used to point to an external CSS file.
Inline Style :
In Inline styling, the CSS rules are directly written inside the starting tag using the style attribute. The style attribute includes a series of CSS property and value pairs. Each ‘ property : value ‘ pair is separated by a semicolon ( ; ).
Embedded Style :
Embedded or internal style sheets only affect the document they are embedded in. Embedded style sheets are defined in the <head> section of an HTML document using the <style> tag.
External Style Sheet :
External Style Sheets method can be useful when the CSS has to be applied to various web pages. An external style sheet holds all the style rules in a separate document that you can link from an HTML file on your site.
There are two ways of attaching external style sheets –
In this method, an external style sheet is linked to an HTML document using the <link> tag.
External style sheets can be loaded into an HTML document using “@import”. The “@import” statement instructs the browser to load the CSS file. Other CSS rules can also be included using the <style> element.
- HTML | value Attribute
- HTML | dir Attribute
- HTML | onmousedown Attribute
- HTML | multiple Attribute
- HTML | onblur Attribute
- HTML | Class Attribute
- HTML maxlength Attribute
- HTML | contenteditable Attribute
- HTML | oncut Attribute
- HTML | pattern Attribute
- HTML | onscroll Attribute
- HTML | enctype Attribute
- HTML | colspan Attribute
- HTML | list Attribute
- HTML | tabindex Attribute
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.