html小知识

1.图片热点:鼠标放上去出现介绍内容

<a title="广告位招租"><imgsrc="images/ad_2_temp1.gif" /><imgsrc="images/ad_2_temp1.gif" /></a>

  鼠标变为小手状:

<a title="广告位招租"><imgsrc="images/ad_2_temp1.gif" /><imgsrc="images/ad_2_temp1.gif" /></a>

2. /*设置边框可使按钮形状为直角矩形*/

 border:1px solid #999;

3.超链接产生的下划线:

  #hota:hover span{

       color:#C09;

       border-bottom:1pxsolid #C09;/*产生下划线效果*/

  }

4.字体颜色设置不能放在li中

  #favli:hover{

       background:url(../images/b_02.gif)no-repeat;

       background-position:2px5px;/*背景图片的位置*/

  }

  #fava:hover{

       color:#C09;

  }

5.display:block

块级元素, 可以通过设置高度、宽度、内外边距等属性,其后元素换行.

6.display:inline-block

行内块元素其后元素不换行