In this CSS tutorial we take a look at display property. We learn about the three most popular values for the property, when they are used, and how they are used. There is an emphasis on the way these three values relate to one another with the hope that if one can understand these building block values they will then have no difficulty understanding the other less commonly used values.
In this CSS tutorial we take a look at Z-Index property. We learn that this property is used to control which elements will overlap other elements when they are positioned in such a way that overlapping is possible. We also cover the way that browsers interpret z-index values when both parent and child elements are both given z-index values.
In this CSS tutorial we take a look at CSS Sprites. We learn both why and how to use this wonderful technique which reduces the HTTP requests a page makes. CSS Sprites are made possible by the “background-position” property, and a basic understanding of placing images in a grid in one unified file.
One of the best ways to learn XHTML & CSS is to simply jump into a fully functional layout and dissect the code. It can be much more rewarding to edit and understand a complex layout than to learn from the ground up. So to go along with my introductory lessons, I have created a Two Column CSS Layout Template:
When you look at the source code you will find comments along the way that explain what certain elements are used for. The CSS file is also broken up into logical sections.
In this CSS tutorial we take a look at dropdown navigation menus and the their HTML structure as well as the CSS needed to style them accordingly. Part 2 of the video will explain additional details, and include links to example code.