Until now I hope that you know that CSS works and operates in three dimensions : height, width, and depth. On the last tutorials we have seen more ore less the first two. In this one we shall start using and see how different elements are becoming layers. Conclusion, the elements overlap one another.
In order to have a basic order in our elements we can give number to each element 1-index. Choose what ever you like for numbering.
In our case we will have an order of 1 to 5, though using 5 different numbers can achieve the same result. The basic rule is the chronological sequence of the numbers. (order).
To sum up, we have to say that layers are used in many situations. Try and use 1-index and make effects in headlines instead of making these as graphics. it will be faster to load text and will provide a better ranking in search engine.