What is Inline CSS?
Inline CSS is the CSS that is located within the HTML element. This CSS is inserted into the HTML element using the
style attribute. Inline CSS is the top layer to the 3 layers of CSS. Any inline CSS will override CSS that is located in an external .css file or any CSS in the header of the .html page. Though this is the top layer that will override the other CSS layers, this is the CSS that should be implemented last. When implementing CSS, you should first use an external style sheet as your primary CSS (the bottom layer). Next, you should use CSS in your header section of the .html page you're trying to style (the middle layer). Lastly, you should use inline CSS to override other CSS on that element. Any CSS that gets written on the .html page itself is not reusable. That is why it is highly recommended that you use external .css files and link them to your .html pages.