The HTML style attribute is used to add styles to an element, such as color, font, size, and more.

On this page, you can learn about adding CSS to HTML elements in 3 ways, learn to style them using different CSS properties and see different examples.

Learn how to style HTML using inline, internal, and external CSS. Understand best practices and see examples of how to apply styles .

Dec 15, 2025 · The <style> HTML element contains style information for a document, or part of a document. It contains CSS, which is applied to the contents of the document containing the <style> …

Add styles to your HTML document with this interactive tutorial. Update the code and preview on the fly.

Jan 24, 2026 · Learn how to style HTML using CSS. Understand CSS syntax, selectors, inline, internal, and external styles, cascading rules, specificity, and common CSS properties.

There are different ways to implement styles into an HTML document. Generally, these come down to using an inline style sheet, embedded style sheet, and external style sheet.

With it, we can design how HTML pages look like. CSS allows us to separate between the data of the page, encoded within the HTML, and the styling of the page, encoded in the CSS of the page.

There are many styles you can apply to element (s) using any method of your choice above. In this tutorial I will be showing you a few which are: Color, Font, Width, Height, Margin and Padding.

Here, you can see that we have used the style attribute inside the <p> tag to change its color and font-weight. The style attribute is a global attribute, i.e. it can be applied to all HTML elements.