• Tips
28 June 2008

CSS Tricks worth Trying

It is undeniable how Cascading Style Sheets or CSS has changed the web design landscape since its conception. Web pages created with CSS are comparably more attractive and pleasant-looking, especially if made by the most seasoned CSS programmers.

CSS offers an effective medium of self-expression, knowledge, and creativity. What is more enticing about CSS is that it features shortcuts and impressive shorthand rules that further trims down the level of difficulty in styling CSS pages.

The following are some additional CSS “aces” that are less popular among developers, especially the new ones, but are as effective as other more commonly used CSS rules:
It is common to classify attributes under a single class but we should not be caged to this idea. Certain exceptions apply and we could, in fact, assign attributes to various classes. Take this example:
<p class=”text side”>…</p>

The example shows that you could use rules affixed to side and text. The class, which is subordinate to the other class within the document, will take over the other class.

We could also apply a simple shortcut, as in the example below, when configuring font:
font: 1em/1.5em bold italic small-caps verdana,serif

The technique is actually better and more effective in styling fonts through Cascading Style Sheets. To achieve this effect, specify the font-family and font-size. You do not necessarily have to specify font-style, font-weight, or the variant attribute every time you apply this shortcut.

CSS offers endless variations of other shortcuts and shortcut rules that will help make your programming job easier and faster.

Some techniques will definitely be better than others but there is no problem with that. The point is, CSS is similar to a budding plant that just never stops growing. It undergoes a continuous evolution as long as passionate and creative minds discover new rules and techniques in the process of designing a web page. Novice CSS designers must be encouraged to explore the limitless possibilities in CSS.

Tags:

This entry was posted on 28 June 2008 at 2:34 PM and is filed under Tips. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a reply

Name (*)
Mail (will not be published) (*)
URI
Comment