In this course, we will learn the details of CSS (Cascading Style Sheets). CSS is a style sheet language that describes the presentation of a document written in a markup language like HTML. Using CSS, the designer can manipulate elements such as layout, colors, and fonts. With CSS, the document content is separated from the presentation, which provides a lot of flexibility in future changes and enables multiple pages to share formatting. A style sheet is made of rules, and each rule is made of one or more selectors and a declaration block. CSS is supported in all major browsers. Some of the latest features might not be, but we will point those out as we are covering them. As we progress through the course, we will also experiment with the new features added in CSS3.
In this video, we start the CSS course. This course covers all you need to know about CSS. We will also discuss the new features added in CSS3. The examples will be simple HTML pages plus the CSS feature we are trying to explain.
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.
In this video, we will discuss how to work with background. We briefly experimented with backgrounds before. But today we will discuss that in detail. We will start by setting the background color for the page and other elements.
In this video, we will discuss how to use CSS to style text. There are different properties that give us the control that we need. As we have set the background color, we can also set the color of the text.
In this video, we will see how to float the element to the left or right of the page using the float attribute, add some margin and border to highlight the image and keep it a bit away from the text. And finally, we will see how to display a gallery of images using the float attribute.
In this video, we will start 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 and so on.
In this video, we will discuss transitions. Transitions are effects that let an element gradually change from one style to another. We start by indicating the property we want to add the effect to, and then the duration of the effect.
In this video, we will talk about applying CSS to tables. As you know tables still play an important role in html pages. In many cases you need to style those tables in a way to bring attention to the user.
In this video, we will talk about generated content. Specifically, we are discussing the ::before and ::after pseudo-elements to add content to the page. We will start with a simple page that contains some articles and an image.