做網站細節問題

1.初始化頁面

   儘量使用  html,body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,span,input,textarea{margin:0;padding:0},而不使用*{margin:0;padding:0}

2.字體初始化

   body{font:12px/1.5em "宋體",arial;color:#333},字體默認12px;行高爲字體的1.5倍,顏色#333或#3c3c3c

   h1,h2,h3,h4,h5,h6{font-size:100%} 這樣聲明使h1-h6字體大小與body設置的字體大小相同

3.圖片初始化

img{border:0;display:block} 清除圖片底側空隙

4.其他

 ul,ol{list-style:none}
 a{text-decoration:none;}
 a:hover{text-decoration:underline}

 .clearfix:after{content:"";display:block;height:0;visibility:hidden;clear:both}
.clearfix{zoom:1}   //兼容ie6

5.做網站之前要確定一個網站的版心

   960px合適  能被3.4.5.6.8.10.12.15整除,但是不適應以後的高分辨率

6.網站能用標準流,不用浮動流,能用浮動流,不用定位流

  如果一個塊級元素本身有高度和寬度,再指定它的padding會導致它的高度和寬度變大;

 Logo優化:

   1).圖片儘量小;

   2).由於搜索引擎不認識img標籤,所以一般用背景做logo;

   3).加h1標籤(提權);

   4).搜索引擎對文本鏈接最友好,所以加:<h1><a hred="網站連接" title="重要">網站名稱</a></h1>   a標籤一定要加title屬性,text-indet:-9999em隱藏文字,