常用的CSS的樣式設置

最好先寫最基礎的樣式定義，在一步步詳細寫其他的細節的定義

1.清除所有的元素標記的內外邊距

    body,ul,li,a,img,p,input{margin:0px;padding:0px;}

    或者我覺得直接寫成:*{margin:0px;padding:0px;}

2.消除ol或ul的項目符號

     ul,ol,li{list-style:none;}

3.全局的超鏈接的效果（常用---僞類）

     a:link,a:visited{color:#555;text-decoration:none;/*取消鏈接的下劃線*/}

     a:hover{color:red;}

     a:active{color:yellow;}

4.網頁的文字效果定義

     body{font-size:15px; font-family:宋體; color:#ddd;}

5.消除圖片的鏈接邊框線

     img{border:0px;}

6.常用的全局樣式

     .floatL{floatL:left;}

     .floatR{floatL:right;}

     .clear{clear:both;/*清除浮動*/}

注意：由於margin屬性具有合併的效果，所以一般排版的時候能夠使用padding解決的問題儘量使用padding解決，如果真要使用margin最好只是用其中一個邊