Duration: 17 minutes
Summary: In this video, we willstart our discussion by talking about pseudo elements. We will create couple of paragraphs, and see how using pseudo elements we can change the style for the first letter in the paragraph, and the first line as well. Then will see how to use the “before” and “after” to add some images before and after the paragraph headers. Image opacity will also be discussed. We will change the opacity as the user hovers over the image. Finally, we will talk about attribute selectors. We will try to match elements using the attribute and change their styles accordingly.
Methodology: Using simple examples to illustrate the key points.
Technology Used: CSS, HTML and Visual Studio 2010
Keyword: CSS, HTML, Visual Studio 2010, first-letter, color, font-size, first-line, before, after, img, hover, opacity, title.