CSS code

In this blog I will teach you guys a lot of css code that individuals could use to make their applications more attractive for users.

Scenario 1:

1. html-

   I love icecream

   css- p { font-size: 13px; font:color:blue; text-align:center; font-family:poppins; background:green; }

Font-size is used when you want to customize the size of your fonts. font-color is used for changing the color of your font. On the other hand, text-align is used so you can align your text accordingly. Such as, center, right, left, bottom, etc. The font-family is used to show what family of font you want to use. For example, Times New Roman, poppins. Lastly, the background is used to change the background color of your website.

Scenario 2:

1. float:right; width: 600px height: 300px; margin:20% 30%;

Float is used to move your text around. Such as moving it to the bottom, right, or left. width is used to adjust the width of your image and height is used to adjust the height. Lastly, the margin is used to create space around the elements outside the border.

This link will show you the output of how it would look after putting all of these css code.

Here is the output you would get by doing all this css code- https://codepen.io/sameersheth/pen/mdmObVr

• { padding:none; border:none; text-transform: uppercase;

}
The border is used to define the line styles on all four sides of an element. the padding is used to create space around the element. Text-transform is basically used to make the text on your application uppercase or lowercase.

p {
background: url(...);
For background url, you just search up the background you want on the browser and then copy the image address and put it inside the parentheses.