css body

Tuesday, February 26, 2008

let us talk about css

To make changes or modification

customize your template


go to >>EDIT HTML


scroll the text into HTML code in css definition section


body{

BACKGROUND: #008000; MARGIN: 0px;
FONT: small Georgia Serif;
COLOR: #333333; TEXT-ALIGN: center

}


Here css body definition are shown
the attribute taken may be vary


and this will depend upon author how they are defind


let us talk about first attribute background

it
describe whole background color of your webpage or blog page


there are more than 256 color and
too many hexa decimal color code


defind for HTML you now will see all color code

We write the Hex color using six bits, as HEX color code of

black color is #000000. Hex color code is the combination of

Red, Green, Blue (RGB) colors. First two zero's in the code

represents the Red color, third & fourth zero's represents

the Green color and fifth & sixth zero's represents the

Blue color. 'F' is the maximum value of each zero. Hence if

want the HEX color code of red color then just make the write

the the maximum value of the zero's representing the Red color.

i.e Hex color code for red color is #FF0000. Similarly you can

create the HEX color code for Green & Blue also





















































Color Color
HEX
Color
RGB


#000000
rgb(0,0,0)


#FF0000
rgb(255,0,0)


#00FF00
rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

More
Colors




So now you can easily have too many colors on your web page.


Thus you seen more than thousands of color are available for your blog pages ,header,footer ,blgpost etc...

to use desired color simply insert color code or color name wherever you want

now let us deal with next attribute wmargin


it's defind how many margin you are providing for your object
(left,right,top,bottom)
above margin are defind 0px but margin attribute are generally


margine-top : xpx; margin-left : y px;margin-bottom :z px,margin-bottom : wpx;margin-top:auto;(this auto will set automatic margin)


here x,y,z,w are +ve integers or any +ve numbers in 'px' or in 'pt'




now let's discuss about next attribute font:


font attribute can be in one line






font : italic bold 30px arial sans-serif;


Above attributes are used font-size;small;
font-family:Georgiya,serif;


THERE IS THE FORMATE FOR FONT DEFINITION

FONT-STYLE |FONT-VARIANT|FONT-WEIGHT|FONT-SIZE|FONT-FAMILY,



take next attribute text-alignment

there can be three type of text alignment
(this attribute align your body text to center from definition)



1:text-alignment:left;


2: text-alignment:right;


3: text-alignment:center;


© Tips for Bloggers























0 comments:

 
 
 

Followers