1.去掉<a>标签的下划线

<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;

}

其中的text-decoration: none可以去掉其下划线。使用文本默认样式。

2.text-decoration

例子：

<html>

<head>

<style type="text/css">

h1 {text-decoration: overline}

h2 {text-decoration: line-through}

h3 {text-decoration: underline}

h4 {text-decoration:blink}

a {text-decoration: none}

</style>

</head>

<body>

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<p><a href="http://www.w3school.com.cn/index.html">这是一个链接</a></p>

</body>

</html>

效果：

虽然<a>设置了text-decoration: none;但是字体默认颜色依旧有。

<a>这是一个链接</a>

href属性去掉后：下划线颜色全都消失。

3.<a>的target的属性有四个特殊值：

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

4.<a>的href属性：

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

  • 绝对 URL - 指向另一个站点

比如

<a href="http://www.example.com/index.htm"></a>
  • 相对 URL - 指向站点内的某个文件
<a href="/index.htm"></a>

<a href="http://www.w3school.com.cn/index.html">
  • 锚 URL - 指向页面中的锚（href="#top")
<a href="#p">点击去有锚P锚的地方</a>

<pre>zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    .....                  <!--省略很多行，直到右侧产生滚动条 -->

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

</pre>

<p id="p">#锚指向的位置</p>
  • 传递参数
//href

zqz.aspx?a=&b=&c=

//后台

string a=Request.QueryString["a"];

string b=Request.QueryString["b"];

string c=Request.QueryString["c"];

<a> href属性--记录八的更多相关文章

  1. A标签href属性详解--记录八

    1.去掉<a>标签的下划线 <ul style=" list-style-type:none; margin:0;color:Gray; font-size:11px;ma ...

  2. a标签中href属性引起的页面不跳转问题

    先简单描述问题,今天在做一个简单的提交页面的时候,碰到了跳转不了的问题.其中a标签的形式<a href="" onclick="submit()"> ...

  3. 十三、$.ajax、模态/非模态框、window.open()、href属性、submit()等提交请求优劣及问题解决方法

    1. $.ajax提交请求进行数据更新,并通过回调进行有效提示 function updateAudit(dispacher, control) { var currentpage = documen ...

  4. WPF DataGrid常用属性记录

    WPF DataGrid常用属性记录 组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. CollapseRowGroup:闭 ...

  5. html中a标签href属性的一个坑

    由于公司需要,小菜最近在搞app web开发,目前只有ios和android版本,虽然仅此两个版本,但是依然要考虑浏览器兼容性问题,因为android和ios默认浏览器内核是不一样的. 先说说兼容性问 ...

  6. <a>标签href属性与onclick事件

    a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现. <a onclick="window.location.href='www.cnblogs.c ...

  7. <a>标签的href属性

    <a> 标签的 href 属性用于指定超链接目标的 URL. 语法 <a href="value"> 属性值 值 描述 URL 超链接的 URL.可能的值: ...

  8. jquery href属性和click事件冲突

    a标签的定义如下: <a href="javascript:void(0);">test</a> jquery中的click事件: $("a&qu ...

  9. android布局常用属性记录

    android布局常用属性记录   http://blog.csdn.net/xn4545945/article/details/7717086这里有一部分别人总结的其余的: align:对齐 par ...

随机推荐

  1. 微信小程序体验(2)：驴妈妈景区门票即买即游

    驴妈妈因为出色的运营能力,被腾讯选为首批小程序内测单位.驴妈妈的技术开发团队在很短的时间内完成了开发任务,并积极参与到张小龙团队的内测问题反馈.驴妈妈认为,移动互联网时代,微信是巨大的流量入口,也是旅 ...

  2. js实现前端分页页码管理

    用JS实现前端分页页码管理,可以很美观的区分页码显示(这也是参考大多数网站的分页页码展示),能够有很好的用户体验,这也是有业务需要就写了一下,还是新手,经验不足,欢迎指出批评! 首先先看效果图: 这是 ...

  3. 为.NET Core项目定义Item Template

    作为这个星球上最强大的IDE,Visual Studio不仅仅提供了很多原生的特性,更重要的是它是一个可定制的IDE,比如自定义Project Template和Item Template就是一个非常 ...

  4. Adaboost提升算法从原理到实践

    1.基本思想: 综合某些专家的判断,往往要比一个专家单独的判断要好.在"强可学习"和"弱科学习"的概念上来说就是我们通过对多个弱可学习的算法进行"组合 ...

  5. bzoj1723--前缀和(水题)

    题目大意: 你难以想象贝茜看到一只妖精在牧场出现时是多么的惊讶．她不是傻瓜,立即猛扑过去,用她那灵活的牛蹄抓住了那只妖精．     "你可以许一个愿望,傻大个儿!"妖精说．     ...

  6. MongoDB常用操作--集合1

    1.创建集合有两种方式,显示创建和隐式创建 显示创建可以使用命令 db.createCollection("集合名称") 隐式创建可以使用命令 db.集合名称.insert({}) ...

  7. BZOJ 4199: [Noi2015]品酒大会 [后缀数组 带权并查集]

    4199: [Noi2015]品酒大会 UOJ:http://uoj.ac/problem/131 一年一度的“幻影阁夏日品酒大会”隆重开幕了.大会包含品尝和趣味挑战两个环节,分别向优胜者颁发“首席品 ...

  8. fhq treap最终模板

    新学习了fhq treap,厉害了 先贴个神犇的版, from memphis /* Treap[Merge,Split] by Memphis */ #include<cstdio> # ...

  9. [WinAPI] 获取窗口句柄的几种方法

    1.使用FindWindow函数获取窗口句柄 示例:使用FindWindow函数获取窗口句柄,然后获得窗口大小,并且移动窗口到指定位置. 我们想获得酷我音乐盒的窗口句柄并移动它,该怎么办呢? 首先打开 ...

  10. 死去活来，而不变质：Domain Model（领域模型） 和 EntityFramework 如何正确进行对象关系映射？

    写在前面 阅读目录: 设计误区 数据库已死 枚举映射 关联映射 后记 在上一篇<一缕阳光:DDD(领域驱动设计)应对具体业务场景,如何聚焦 Domain Model(领域模型)?>博文中, ...