Mr Hokya dot com

CSS is Cascading Style Sheet. It is usually called as skin of your sites. CSS has been existed from 1995. It is generally found by Blabla.

Nowadays, there are some new properties of CSS to make sites look more stylish and have good looking. They are

1. Border Radius

   Border radius is giving more flexible look on your site. It will make a curve on every of your corner. It makes a box looks less solid. With this new property, you don’t have to draw a curvy box, save it in JPG, and load it. Here is the syntax:
   <style>
.content {
background-color:#369;
-moz-border-radius: 10px 20px 30px 40px;
-khtml-border-radius:10px 20px 30px 40px;
border-radius:10px 20px 30px 40px;
}
</style>
   This example will create a box container with radius on the every corner. Left=10px , Up=20px , Right=30px , Bottom=40px. You can change the value of each radius

   This is the result

2. Box Shadow

   This property lets you to have a shadow effect. Just like Adobe PhotoShop have. Here is the syntax:
   <style>
.content {
background-color:#369;
-moz-box-shadow: 10px -15px 20px;
}
</style>

   here is the result

   That syntax describes about where the shadow must be placed and how long does it take to spend the shadow.
   Horizontal Location = 10px (on the right of box)
   Vertical Location = -15px (on the bottom of box)
   Blur Length = 20px (on right bottom of the box)
   You can change the values with all you want

3. Opacity

   Like described, it influences the transparency of an object or like Alpha property on the Adobe Flash. The syntax will be
   <style>
.content {
opacity:0.5;
}
</style>
   The value 0.5 means that the following object has 50% transparency. You can change the value from 0.00 to 1.00

   Here is the result