05-CSS Inline

0
352

This tutorial is all about CSS Inline.
Inline CSS is the most powerful out of the three types: external, internal, and inline. It means that by using this you can override styles that are stated in external or internal.

 

On the other hand, inline CSS divert away from the true intention of CSS, to separate design from content, so use it carefully.

 

Example:

<div style=”background: blue; color: white;”>
A background and font color using inline CSS
</div>

 

Result
A background and font color using inline CSS

 

Another example:

<div style=”background: url(http://itsourcecode.com/wp-content/uploads/2015/10/bgimage.png); height:170px; width:330px; align:center”>
</div>

 

Result
 bgimage

 

 

Readers might read also:

 

 

Facebook Comments

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.