Tag «CSS»

How to remember CSS Shorthand properties

Using margin or padding properties of CSS in the following syntax is straight forward. { padding-top:5px; padding-right:12px; padding-bottom: 15px; padding-left: 20px; } But the shorthand version of these properties may be a little difficult to remember for CSS beginners. The above CSS declaration can be written as; {padding:5px 12px 15px 20px;} Now how do you …

Reset CSS: A simple solution to browsers’ inconsistencies.

One of the challenges web designers face is to get various web browsers render their web pages in a consistent manner. The reason is every browser assigns slightly different default styles to certain page elements. A simple approach to handle this cross-browser inconsistency is to overwrite browsers’ default styles. This technique is known as resetting …

Homer Simpson in pure CSS.

OK developers here is your next software project. Create a web page that will display Homer Simpson’s image on the screen. Too easy for you? Here is the catch. You cannot use any image. Yes that is correct you will need to draw Simpson’s image without using any graphics. Sounds impossible? If  you think this …

Make your stylesheet a work of art.

Jina Bolton at Vitamin.com has an excellent post for all CSS developers. She described how you can write well structured stylesheets which are more efficient and easy to maintain. Some of the tips may look intuitive but many times we all need reminder to get the basics right. In my experience lot of developers do …

Cascading Style Sheet Cheatsheet

If you need quick reference CSS guide, look no further. This CSS cheat sheet is a comprehensive list of all CSS properties. Accompanying brief explanation adds value to this cheat sheet. You may want to bookmark this page. Cascading Style Cheatsheet