关于<a>标签的使用

对于A标签,大家都不陌生吧,在我 们制作网站的时候又很多地方都需要使用这个标签,但是什么时候使用,使用会出现在什么出乎意料的地方呢。我说下我对这个标签的认识。

首先<a>标签自带一个手型,不需要我们特意去加手型的CSS为我们的工作减轻。其次他还带有hover等4个属性,让我们可以从容的切换滑动样式,而不用JS去控制

<a href="#"></a> 

他带有自己跳转页面的功能,例如:

<a href="www.baidu.com"></a>

你点击它的时候会跳转到百度的页面去。

但是有时候我们不希望他跳转呢。 

<a href="javascript:void(0);" id="zy">主页</a>

这样他就不会跳转,形成页面的一个普通的标签

对于A标签因为是行内元素,一般都要浮动起来才能控制宽高。现在我们做很多点击按钮的时候都用到A标签,而不去用<input>.

因为我们可以让A标签成为块级元素,给他一个背景,里面在家如字,和<input>功能就差不了多少,但是我们可以很好的去控制塔的样式,而<input>他自己带有很多自带的属性不好删除,所以使用起来的有很多的不方便。

a:link{text-decoration:none ; color:#c00 ;}a:visited {text-decoration:none ; color:#c30 ;}a:hover {text-decoration:underline ; color:#f60;}a:active {text-decoration:none ; color:#F90 ;} 

我们经常只会用a:hover其他的现在几乎都不会用到了

text-decoration : none || underline || blink || overline || line-through 

text-decoration参数: 
none :  无装饰
blink :  闪烁
underline :  下划线
line-through :  贯穿线
overline :  上划线

a标签的下划线的使用

很多地方不用下划线

a{text-decoration:none;}就可以去掉默认的下划线了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值