We are going to discuss about the phones. How can you manage your phones? And how can you define your phone? First of all? She says phone properties define the font family and boldness, size style. So how can you do that we have created the external styling, just drag and drop here.
Okay, so now you have as an HTML file and you have a style or CSS file. Now I'm saying I have a h1. And now I'm creating the selector h1, this is an element selector. We are not giving the class or ID. So that's why we are calling this Okay, so now how can you define your phone family because thousands of phones families available in CSS for suppose I'm saying color equals to red, and I'm giving another property here. So you have to The column if you are giving more than one properties I'm saying font family, colon, and comma sorry, not comma, quotation.
Think it's a double quotation, or you can also use the single quotations I'm saying Times New Roman. Okay, go to your page. As you can see now currently, it's showing like this is just refresh the page. And now I'm saying Times New Roman. And I have to assign serif does your page refresh the page, or Ctrl f5. Right click inspect element.
Or find another property or suppose I have one property just a second and we find the cause it's hard to memorize each and every phone family. So that's why Okay, so now I have a family. Okay, this is a font family Roboto. So now go to your page file and add the Roboto font family. Go to your page refresh the page. Now as you can see, you have just changed the font family.
So if you are finding the phones just ties the Google phones with phones and now here is the Google phones. Find the phones handy. Do the required for your projects as you can see, this is our Roboto and a lot of time is available here. So this way you can add the holes Family. Okay, so now if you are using more than one just comma and you can say times go to page, refresh the page. Now as you can see, it's assigning you it's changing and you have two phones families like this.
Okay? So now I'm saying that how can you change your font style for suppose normal bold, or something like this, I'm saying font, style colon. So all it's a property I'm saying normal. Would you pay refresh the page, it's a normal, if I'm saying that it would you page refresh the page. Now as you can see, it's showing you the italic. So now, you can also use obly.
Refresh the page, fine. You can also say Okay, so you can assign the font the style like this, you can also use the phone size, you know very well about this. So as I'm saying 50 pixels, refresh the page and as you can see you are now you have a big phone 50 pixels, you can also assign the Ian principles if you are not adding the PS and saying 2.5 PM, which your page refresh the page. Now, as you can see, it's working fine. One M equals to succinctly 16 pieces. First of all, if I'm saying 1pm that means I'm saying 16 exactly, I'm saying 16 pixel 16 pixel.
So as you can see, it's the same thing. So one, m equals to 16 pixels, okay? You can also Define. Okay, you can also define the font weight. So how can you do that? First of all, if I'm saying find the pixel.
Okay, now I'm saying font weight, font. Wait or go to your page, save your file goes up, refresh the page. As you can see, it's showing us like this. If I'm saying if I'm removing this font weight, go to your page, refresh the page. Okay, fine. You are doing right is the right word.
I forgot this one. So that's why it's not. It's fine. Now 10 pixels, censor me and I'm saying definitely in house Okay, if I'm using h1, don't worry about it. I'm saying this is the h1. And now you have to write, sorry, is the paragraph, the paragraph, which will refresh the page.
So as you can see, it's now fine. If you are using the phone like this, it's now working. As you can see, this is the normal phone. And if you are using the phone's phone which property and I'm saying the poll, go to your page, refresh the page. Now as you can see, it's adding the world The h1 is already has a bold property. So that's why in this way, you can use your whole and you can also use your normal value.
So it's totally depend upon you and your requirement. So I think this is enough for in the next session, we are going to cover some other topics. So thank you You