HTML style applies to the HTML elements to make a better presentation layout. There are mainly three methods that exist that support HTML styles. These are namely Inline styles, Embedded style, and External stylesheet.
CSS Inline style
-Inline style can be done by inserting style attribute in the HTML start tag and then write style property and value within the style attribute. Each property of style is separated with a semicolon(;).
This is generally bad code practice since Each property: value pair is separated by a semicolon (;).All style property and value should be in one line and separated with semicolons. It does not have a line break and this is a big problem.
<h2 style="color:grey;font-size: 20px;">Inline style concept </h2>
When any website contains more than one web page then it is very tedious work during code update after a long time. Because it takes more time due to having more than one embedded style exist on every web page. Hence not focus more on this method and use an external style sheet. An external style sheet is more flexible and takes less time to update any CSS code after the requirement.