Freedom

** Horizontal menu

=> float

=> li { display:inline } 

ul { list-style-type:none; margin:0; padding:0; }

a  { display:block; }

** Transparent effect 

<style type="text/css">

img

{

    opacity:0.4;

    filter:alpha(opacity=40); /* For IE8 and earlier */

}

</style>

http://www.w3schools.com/css/css_image_transparency.asp

** Images Spirte

An image sprite is a collection of images put into a single image.

A web page with many images can take a long time to load and generates multiple server requests.

Using image sprites will reduce the number of server requests and save bandwidth.

http://www.w3schools.com/css/css_image_sprites.asp

** media type

http://www.w3schools.com/css/css_mediatypes.asp

syntax:

@media type {  }

important type

all , screen , print , handheld , tv

** attribute selector

http://www.w3schools.com/css/css_attribute_selectors.asp

syntax:

[attribute (=value) ] { property:value }