Duration: 19 minutes
Summary: In this video, we will learn about multiple styling items. We will start with how to set the max and min width and height. These values can be specified in pixels and percentage. Then we will move to the difference between outline and border. We will display them simultaneously on the paragraph to see where one ends and the other starts. We know that paragraphs display in block by default and the spans will display inline. Today, we will see how to change these defaults and how that will impact the display. In some cases, we do not want the browser to add its margin and padding to the page. We prefer to start from scratch. We will reset these values on the page and see how that will display. Resetting these values will give you a better control on how to place other elements on the page. Finally, we will see that we can change the cursor display using CSS. For example, you can change the cursor to “help” when the user hovers over help material on your site.
Methodology: Using simple examples to illustrate the key points.
Technology Used: CSS, HTML and Visual Studio 2010
Keyword: CSS, HTML, Visual Studio 2010, border, max-height, min-height, max-width, min-width, padding, background-color, outline, cursor, display, inline, block.