做网站细节问题

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隐藏文字,