Enhance HTML with CSS Style

While HTML is used for the document and content structure, as well as for simple formatting (such as bold text, bigger headings), CSS is used to visually design your page. CSS stands for cascading style sheets.

With CSS, you can position your content in different ways, independent of the reading structure of the HTML file with its content. You also have various options to format, highlight, move, show or hide elements. When looking in the direction of web apps or dashboards, you can combine the properties of the CSS language with Javascript to dynamically create a powerful frontend for the user.

CSS formatting styles can be implemented either with direct CSS commands in the HTML document or, for separation of concerns (recommended for bigger projects or multiple pages with the same CSS), in a separated file that will be used by the HTML page once the HTML is loaded in the user’s browser. You can also use the CSS inline, meaning for a single HTML element only.

For inline usage, you just add to the style property to the respective element tag like this:

<h1 style=”color:orange”>

an orange heading