[MUSIC] Hi and welcome to the lesson. In our last lesson we talked about using CSS with float in clear to control layout. In this lesson, we'll talk about some of the more common CSS properties. Now here we see a reference for a large number of properties that are available in CSS. I want to be clear that you don't have to know them all and you can learn them as you go, most of us don't use all of them all the time anyway. So, notice here we've got a variety of ways to control border. Let's look at the basic border. Here we're starting for a paragraph tag and we're giving boarder some properties. 5 pixels solid in array and we can look at an example. Now, I told you I explained pixels before. A pixel is an element of your screen so, imagine your screen made up of tiny little dots. Those of us with larger screens have more dots. In this case, five pixels is supposed to be the width. So, the width we're seeing here is five dots with of screen space. And we can change this and make this ten. And see how it looks. Now, admittedly not very attractive, but we have the ability to give a border to almost anything. So using a border, you can provide the size of the border, the style for the border, which is solid, but you can also do dashed, and the color for the border. And let's look at some other elements. So scrolling down we see display. Now, this is a very commonly used. Bit of CSS. Here we're saying display inline, and notice that these paragraph tags, these five paragraph tags here, are all showing together in a single line. You may have noticed from your own work or some of our lessons that paragraphs usually are on separate lines. The difference here is display is inline. And inline is not the default kind of display, for most elements. So let's change this to block. Changing it to block causes each one of the paragraphs to be on its own line. And block is the default for most elements. You can choose block or in line, whichever best suits your needs. Then finally, let's look at Height and width. So here, we see for a paragraph with style ex, a height and width setting. And these are again in pixels. And recall that this will be 100 dots of screen space. Now notice here we've got ex for this paragraph. And for this first one, for this paragraph here, Which has class ex, we're giving it a height and width of 100. And notice how it looks here, high and squished. While our other paragraph, the second one, is flowing naturally. Now, it's up to us how we want to size these. But we can apply a height and width to most elements on the page. I think it's usually a good idea to start with allowing the browser to size the height and width. And then adjusting it as you see fit. So that's all for this lesson. And in our next lesson, we'll continue to look at CSS tips and tricks that you can apply to your web pages.