** Cross Browser Issue

Always set body margin and padding beforehand

body {

    margin: 0px;

    padding: 0px;


Don't missing the !DOCTYPE declaration at the beginning of the html file.


** Pseudo class









:before   => Insert content before every specified element

:after      => Insert content after every specified element



** a tag Pseudo class

a:link => unvisited link

a:active => selected link


** :first-class pseudo class

The :first-child pseudo-class matches a specified element that is the first child of another element.

selector:first-child { }


Match all the first selector2 which is in selector1 (the first children of selector1)

selector1 > selector2:first-child { }


MAth all selector2 of selector1 which is the first child of another element



** :lang psedo class

The :lang pseudo-class allows you to define special rules for different languages.

<style type="text/css">

    q:lang(no) {quotes: "~" "~";}




guardian801202 發表在 痞客邦 留言(0) 人氣()