Duration: 20 minutes
Summary: In this video, we will start talking about positioning elements on the screen. Be default, an element will show on the top left corner of the page. But I have the flexibility to change that using the position attribute. Today we will talk about the fixed and relative positions in coordination with the top and left attributes. Along the way, we see that the elements will not line up properly until we reset the margin and padding. We will also talk about changing the width and height of elements. Adding an overflow property will allow us to hide or scroll content. Finally, we will place some images on top of each other, and see how we can show one versus the other by changing the z-index property.
Methodology: Using simple examples to illustrate the key points.
Technology Used: CSS, HTML and Visual Studio 2010
Keyword: CSS, HTML, Visual Studio 2010, background-color, margin, padding, position, top, left, relative, fixed, width, height, overflow,z-index.