Changing the Text Color and Size

6 May 2019

I hope you now all know how to create a simple webpage with a nice background, a title, some pictures and some links. This is all very fun to do, but now you have your website you do want to make it nicer and easier to use. For example, your background might be purple and your text black so nobody can read it, or your text is just too small. Today we will be fixing some of these problems. If you want to change text color or size, you will need to use CSS. Remember: your CSS has to be surrounded by style tags (don't forget to close them or you will end up with a white page), with a simple setup ie:
random tag {
style property: 45;
another style property: color;
}
This is all really important. So let me explain how to change text color and size. To change text color you wil use the property color and to change the size you will use font-size for example

 html   {
font-size: 30px;
color : pink;
background-color: blue;
font-family: georgia;
}

that would look like:
This is some text written with a different CSS to the rest.

You must always put the CSS at the top of the rest of the code but underneath the !DOCTYPE HTML declaration. Try to use some more Html in your next project. Dont forget to send me some of your work so I can put it in the learner's workspace!! If you have any questions please send them to me using the form below. WARNING!! There is a 500 word limit so you may need to send several messages.

NEXT POST →

Any Questions?

Any Questions?