Home arrow Style Sheets arrow More Uses for the Thin and Caps CSS Classes in BlueTrip
STYLE SHEETS

More Uses for the Thin and Caps CSS Classes in BlueTrip


In this sixth part of a seven-part series on the BlueTrip CSS framework, you will learn how to assign the “thin” and “caps” CSS classes to H2 and H3 elements of a web page. The use of these classes makes the elements look more elegant and visually appealing.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
November 18, 2009
TABLE OF CONTENTS:
  1. · More Uses for the Thin and Caps CSS Classes in BlueTrip
  2. · Review: styling definition lists with BlueTrip
  3. · Tying thin CSS classes to H3 elements
  4. · Assigning caps CSS classes to H2 and H3 elements

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
More Uses for the Thin and Caps CSS Classes in BlueTrip
(Page 1 of 4 )

If you’re a web designer who wants to shorten the time required to create the page layouts used with your own web sites, then you may want to take a closer look at the BlueTrip CSS framework. It's a solid library that will let you build all sorts of appealing designs using only a few handy CSS classes for positioning  elements on a web document and giving them an elegant visual appearance.

Naturally, if you've read the preceding chapters of this series, then you now have a solid foundation in how to take advantage of the most relevant features offered by BlueTrip. In those tutorials I explained not only how to create basic web page layouts using its default CSS classes, but how to style different types of HTML lists in a quick and easy manner.

And speaking of the default CSS classes provided by BlueTrip, you’ll surely recall that in a previous article I discussed the use of the ones called “fancy,” “thin” and “caps” respectively. In that particular case they were assigned to all of the H2 elements included in a sample web page.

However, it’s also possible to assign these classes to other text-based HTML elements in the same effortless fashion. So, in this sixth episode of this series I’m going to explain how to apply the “thin” and “caps” classes to H3 headers, thus expanding your background in using BlueTrip even more. 

Now that you know what to expect from this article, it’s time to see how to turn boring H3 HTML headers into fancy elements, thanks to the magic of BlueTrip. Let's get started!


blog comments powered by Disqus
STYLE SHEETS ARTICLES

- CSS Combinators: Using General Siblings
- Intro to CSS Combinators
- CSS Semicircles and Web Page Headers
- Drawing Circular Shapes with CSS3 and Border...
- More CSS Pagination Link Templates
- CSS Pagination Links
- Animated CSS3 Image Gallery: Advanced Transi...
- CSS3 Animated Image Gallery: Transitions
- CSS3 Properties: Fixed Heights with box-sizi...
- CSS3 Properties: Altering Strokes and 3D Eff...
- CSS3 Properties: Text-Stroke
- CSS3 Transitions: Width and Height Properties
- Creating a Drop Down Menu in CSS3
- Intro to CSS Transitions
- Create a Simple Transitioning Link Bar with ...

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 7 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials