Video Summary

For this example, you can put in whatever kind of text that you want. I just always like just to do this as a paragraph to showcase CSS stylings and I just copy and paste that sentence over and over again, just for the purpose of the demonstration. So once we’re in here, we are going to want to target this paragraph for styling. Alright. How we’re going to do that as you remember, we’re going to hit P. So we’re targeting the p tag and we’re going to do open brackets. And within within the CSS editor of WordPress and the and the code pen, some things are just already already pre populated. So as soon as we do the curly bracket, basically we know is that if we have an open curly bracket, we need to have a closed one. Alright, so what I always like to do as soon as I do this, I just enter this down. So it gives me this space right in here. Because this is where we’re going to put all the declarations of the properties and the values that we want to style with this selected element. Alright, so we’re going to listen and go and for the example of the slides, we’re going to go color and we’re going to go red, and we’re going to do a semicolon. Now, if you see if you look, I don’t have the semicolon and it’s still changed this paragraph red so essentially, if you had only one declaration here, this would work fine. But when you have multiple declarations, we need to go and say this is the end of this declaration. So we can go and say we want to change the font size now. Right? And remember that this colon is what separates the property versus the value. So let’s go down here. And we’re gonna go text font size, and we’re going to do 30 pixels. And now our font our our font size has gotten larger. 

 

Alright, so this is just the basic intro. And this is how all of our CSS coding is going to work because we’re going to target a specific element. And that could be the actual tags or the classes or IDs that we’re going to use to target that specific element. Then we have the open curly brackets, we have our property and then we separate that with a colon we have our value and we end that declaration right here with a semicolon and we go on the next line and do that over and over again until we are done with what or we get the finished product of that element. Alright, so let’s just hop in and learn more about all the things we need to do to make these elements look the way that we want to.