Duration: 19 minutes
Summary: In this video, we will discuss how to style a list. We will create an unordered list and apply the different styles on it. Along the way, we will learn about the difference between display and visibility. We will also experiment with types and transforming text. Three important concepts in CSS are: border, padding and margin. Using the list we created earlier we will explore the different varieties of these concepts and different shortcuts we can use. The browser developer tools are extremely handy in these cases. So as we build the styles we will look at the tools and see how the browser is interpreting our changes.
Methodology: Using simple examples to illustrate the key points.
Technology Used: CSS, HTML and Visual Studio 2010
Keyword: CSS, HTML, Visual Studio 2010, div, visibility, display, list-style-type, text-transform, background-color, list-style-type, text-transform, background-color, border-top-style, border-top-width, border-right-style, border-right-width, border-bottom-style, border-bottom-width, border-left-style, border-left-width, border-width, border-color, border-style, padding-top, padding-right, padding-bottom, padding-left, padding, margin-top, margin-right, margin-bottom, margin-left, margin.