对于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;}就可以去掉默认的下划线了。