Using the BlueTrip CSS Framework`s Thin and Caps Classes

In case you haven't heard about it yet, BlueTrip is a powerful CSS framework that combines the best features provided by two popular contenders in this terrain, that is BluePrint CSS and Tripoli respectively. So, if you want to shorten the development time required for building your own web sites by using the BlueTrip CSS framework, then in this group or articles you'll find a comprehensive guide that will show you how to work with its most relevant features. These include the ability to create complex web page layouts, as well as its numerous bundled CSS classes, handy for styling headers, paragraphs, lists, and so forth in a very quick and simple way.

Naturally, if you've been a patient reader and went through the two preceding tutorials of this series, you have a pretty solid background in building simple web page designs and styling H2 elements with BlueTrip. In those two tutorials I developed a few basic examples that demonstrated how to accomplish these tasks by means of the generic "span-x" and "fancy" CSS classes that come included by default in the framework.

Indeed, it's extremely simple to provide HTML headers and other text-based web page elements with an elegant style by way of the CSS classes that come with BlueTrip. It's also valid to stress, though, that the framework provides some other classes that permit you to turn headers and paragraphs into fancy elements.

So, based on this ability of BlueTrip, in the next few lines I'm going to take a closer look at its "thin" and "caps" CSS classes. These can be used for creating elegant variations of any text-based web page elements, including the ones mentioned before.

Are you ready to learn how to work with these new CSS classes? Then start reading now!