Basics of CSS (for beginners)

STYLE:

Changing the way your profile looks always begins with this tag:

<style>

which goes after your intended visible text. After you finish changing your profile, you end it with:

</style>

and that will finish the code.

-------> Code will always be sandwiched between these two tags.

ELEMENTS:

( Credit: this is a good coding resource )

Pictured above are 'elements' - pieces of code you use to target parts of your page.

To use an element, type the element and then open it with a curly bracket, and close it with one.

Example: 

.logo{

CODE

}

It can be helpful to LABEL elements so that you know what you are changing:

EXAMPLE:

/*PROFILE BACKGROUND*/

.profile{

background-image: url("URL");

background-size: cover;

background-repeat: no repeat fixed;

box-shadow: 0px 0px 3px 5px red;

}

After each piece of code, you must separate it from the next using a semi-colon. It can be useful to do this even at the end of the code to avoid future mistakes.

There is a list of accepted tags at the side of the WYSIWYG editor.

Check out my other blogs to see how to change specific parts of your profile!