你的位置:首页 > 网页设计

[网页设计]a 之理解与应用


1.在于下划线

<ul style=" list-style-type:none; margin:0;color:Gray; font-size:11px;margin-top:30px">      <li style=" float:left; position:relative; margin-left:380px; "><a href="#">关于我们</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">关于我们</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">联系我们</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">人才招聘</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">商家入驻</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">友情链接</a></li>      <li style=" float:left; position:relative; margin-left:20px"><a href="#">冬冬购物社区</a></li>    </ul>

a
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color:Red;
}


2.<a>的target的属性有四个特殊值:

  • target='_blank'  浏览器总是打开一个新的网页
  • target='_self'  它使得目标文档载入并显示在相同的框架或者窗口中
  • target='_parent'  这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效
  • target='_parent'  如果有多层父框架,直接去掉所有父框架,并刷新页面

3.<a>的href属性:

  • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
  • 相对 URL - 指向站点内的某个文件(href="index.htm")
  • 锚 URL - 指向页面中的锚(href="#top"