Short Introduction to inline CSS

CSS is short for Cascading Style Sheets and is used for controlling the presentation (fonts, colors and layout) of documents written in Markup Languages like HTML, XHTML and XML such as blogs. CSS can be written in a separate document called from the template, written in the template itself or written within this post itself (inline CSS).

For example, the HTML tag for a paragraph is <p>. Now suppose we want the paragraph below to stand out from the rest of this post by adding background color, we can do that by using inline CSS.

The hexadecimal color code for the background color of this paragraph is #FFD4FF. I obtained this hexadecimal color code by using a free tool ColorPic. I set the color of this paragraph to have a different background color by surrounding the text I am now typing with the a pair of HTML tag for paragraph <p style="color:#FFD4FF;"> and </p>. To make this clearer, I will display what I am now typing by making this into a graphic and upload it as an image below for you to study:

Well, the text in the above image is a bit small. To make it clearer, I will redo the graphic below so the text is larger and clearer: