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.

Aug 13, 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 …

Jun 7, 2025 · The HTML style attribute allows CSS to be applied directly within HTML tags. This enables styling of an element without the need for an external CSS file or a <style> block.

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

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

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.

Learn everything you need to know about the HTML <style> tag in this tutorial, from its syntax and key attributes to practical usage examples. Read now!

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.

Learn the basics of styling HTML elements using both inline styles and external CSS. This tutorial explains how to apply CSS properties directly to HTML elements using the `style` attribute and …