CSS is short for cascading style sheets, and is rapidly approaching the 3rd version of code. CSS make it easier for web designers to change elements across entire sites globally, rather than individual code pages at a time. This can save tremendous amounts of time for everyone involved in the development process. For example previously if you wanted a bold paragraph in size 15px fonts, with red letters you'd have to do some code like this



<pre class='prettyprint lang-html'><font size="15px"><font color="red">This is bold red font</font></font>

This is regular font

<font size="15px"><font color="red">This is bold red font again</font></font>

</pre>



You can see all the HTML that is needed to generate a simple color and size change, is more than the actual content. This lead to huge page sizes with little content, and created bottle necks and loads of wasted bandwidth. The solution was CSS. By being able to define styles to classes, ID&#39;s, selectors, and HTML tags themselves, designers are able to roll out changes faster, more efficiently and with less code. For example in CSS to get a red, size 15, bold font it would take slightly more programming in to CSS, but less HTML:



<pre class='prettyprint'>
.bigredfont {
font-size: 15px;
color: red
font-weight: strong;
}
</pre>



Then assign the class to a paragraph for example:



<pre class='prettyprint lang-html'>
<p class="bigredfont">This is the bold big red font</p>
</pre>



The real magic comes in if you wanted to change the big red font from red to gree, and reduce it to 11px. By simply changing a few lines of CSS we don&#39;t have to update any .html files. Imagine this on a large scale now if you have 5000 instances of the big red font, that all need changed to the small green font!



<pre class='prettyprint'>
.bigredfont {
font-size: 11px;
color: green;
}
</pre> actually editing the HTML, the output would become:



<pre class='prettyprint lang-html'>
<p class="bigredfont">This is the bold big red font that we changed to the small green font!!</p>
</pre>



As you can imagine this is a huge time saver for all webmaster and designers. CSS is used to power thousands of sites, and is nearing the release of CSS3 which will introduce new features and abilities. Try out some other basic CSS abilities like bold font, italic font, colors, sizes, layouts and more in your spare time and you&#39;ll be thankful you did next time you build a site.