[MUSIC] Welcome back to our discussion of CSS. In our last lesson we talked about three approach to CSS, those are in line, local or internal, and also external. We may see a few more cases of in line throughout the course, but for the most part we'll be looking at external CSS from here on. Here, we are visiting the W three school site. An excellent place to practice your CSS, and we have a diagram here that helps break down some of the syntax we've seen so far. Here we have h1 tag. And this would give it a color of blue and a font size of 12 pixels and again we'll talk more about pixels later in the course. These are name value pairs where color is the name and value is blue separated by a colon and ended with a semicolon. And we can string as many of these named value pairs, where the name and value are separated by a colon, end it with a semi-colon as we like for each style. Now, looking at specific styles, here, we are selecting on our CSS all paragraph texts, and that's what this P does. And we're giving them a text alignment, text -align of center, and a color of red. Here, we're seeing a different way to select our elements. The pound sign which is new to us in CSS would select Ids. So anything with the ID of pair one would in this case get a text-align center in a color of red. Alternatively we can use the class whether than the ID and we saw some examples of that before and to denote class we use a dot. And so, here, anything with class of center would get the text-align of center and the color red. We can combine some of these and here, we would have paragraph tags with the class center, getting text alignment of center and the color red. For instance, here's an example of a paragraph tag with the class center. And in this case, it has a class of center in large, we can have multiple classes assigned to any element, and we separate them by space. So this is similar to what we saw in a previous lecture. Here, we have styling for h1 tags, h2, paragraph and we can do as many other tags as we like supplying different sorts of style for each of those. And if we prefer to save a little space, and this is often a good idea, if our style for all three of these is the same. And we can go up here to double check this. Each of these has the same style, so rather than repeat we can separate them by commas to indicate these styles for all three of these tags. In this version, if we decided that we wanted to customize, we could change various styles here for the h1, h2 or a paragraph. In this case, we're deciding that they probably won't change, but if they did, we would have to expand this to use the other approach. In our CSS like in our JavaScript also like in our HTML we can use comments. Here, for CSS comments, they are /* or the star and then */ and anything between these pairs of symbols will be ignored by your browser when it's interpreting styles. You can also put them on multiple lines. So that's all for this lesson. In our next lesson, we'll be talking more about the details of CSS and starting of external CSS the right way in our projects.