Chatbox
CSS variables and what they do  HS3ti32

You are not connected. Please login or register

CSS variables and what they do

Go down  Message [Page 1 of 1]

1Important CSS variables and what they do Fri Sep 13, 2013 4:05 pm

Sir.Mayo

Sir.Mayo
Mangement


Hello,

Today I will go over some basic CSS And what Each part does!

Brackets
This is an opening bracket:
Code:
{
This is an closing bracket:
Code:
}
Universal selector!:
The code Bellow uses the  universal  Selector!  What the universal selector does is it tells the website to apply what ever CSS that is in side opening and closing brackets to the entire webpage!
Code:
*
{
CSS HERE
}
Ending CSS!!!
Its VERY important that you include this at the end of every line in your CSS:

Code:
;
its also very important that after every Variable you include this:
Code:
:
So a Example line in CSS would look like this

Code:
Variable: action;



Example CSS code:

So you could have the following CSS code:
Code:
*
{
font-family: Times, Arial;
color: red;
font-size: 12px;
background-color: black;
}

So lets break this down line by line:

Code:
font-family: Times, Arial;
What font-family does is it tells the Browser what Font to use!
So in this case the default font would be Times! if that font does not work for the user then Arial will be the One the browser try's next!


Code:
color: red;
Color tells the browser what font color to use! In this case i chose red! you can also use Hex code vales! To do so you would Replace red with #hex code numbers!

Code:
font-size: 12px;
What font-size does is it tells the browser what font size to use! In this case We used 12px!



Code:
background-color: black;
background-color tells the browser what to set the background color to! in this case we used black but again you can use any color you want! Just like  font color  you can also use Hex code values! To do so you just replace black with #hex code numbers!

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum