When inline styles are used, this clear separation between structured information and styling is blurred. CSS is built to style that structured information. HTML is meant for conveying structured information. The reasons include “semantic markup”, maintainability, reusability, and scalability. When Not to Use Inline CSS in HTMLĪs mentioned before, web developers do not often use inline styles when creating web pages, for many reasons. For example, a common way to hide a dialog box is to add the inline style display: none. Often, JavaScript scripts will add inline styles to HTML. Some of the styles included may be archaic, to support older e-mail-viewing clients.Īnother time you will see inline styles is on dynamic websites that use JavaScript. For this reason, HTML e-mail often contain lots of inline styles. The HTML viewers in email clients are not standardized, and most of them do not allow tags. You can craft HTML e-mails yourself, but they can be tricky. When you receive a fancy looking e-mail, it is either one big image file or it is an HTML e-mail. HTML created or changed by JavaScript)Įmails often include HTML content. Here are a few places you may see inline styles: Professional web developers do not use inline styles often, but there are times when they are important to understand or necessary to use. This rule will affect every p on the page, whereas the inline style will affect only the it’s written in.Ĭascading works the same way, however, so the element inside the will be blue with big text regardless of whether you decide to use inline styling or CSS rules. The rule above works the same way as our inline style does, except for one thing.

Html color white