SOURCE

console 命令行工具 X clear

                    
>
console
<!-- 锚点 -->
<ul>
  <!-- href属性值为: #+标签id, 页面焦点会跳转到当前页面中标签为id的地方 -->
  <li>
    <a href="#">
      这是链接#,我没有下划线
    </a>
  </li>
  <!-- href属性值为: url, 页面跳转到url对应的网址 -->
  <li>
    <a href="https://www.baidu.com">
      这是链接url,我没有下划线
    </a>
  </li>
</ul>
<!-- 
_blank 在新窗口中打开被链接文档。 
_self 默认。在相同的框架中打开被链接文档。 
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。 
framename 在指定的框架中打开被链接文档。 
view_window 在新窗口打开网页, 后续不会再打开新的窗口, 只会多打开一个窗口
-->
<!-- 
emmet快速生成页面:
ul>li*5>a#a$[href=https://www.baidu.com target]{我是链接, 但我没有下划线} 
-->
<ul>
  <li>
    <a href="https://www.baidu.com"  target="_self">
      这是链接_self,我没有下划线, 点我就在当前窗口跳转到指定网址
    </a>
  </li>
  <li>
    <a href="https://www.baidu.com"  target="_blank">
      这是链接_blank,我没有下划线, 点我每次都打开一个新窗口
    </a>
  </li>
  <li>
    <a href="https://www.baidu.com"  target="_parent">
      这是链接_parent,我没有下划线, 点我也是每次都打开一个新窗口
    </a>
  </li>
  <li>
    <a href="https://www.baidu.com"  target="_top">
      这是链接_top,我没有下划线, 点我也是每次都打开一个新窗口
    </a>
  </li>
  <li>
    <a href="https://www.baidu.com"  target="view_window">
      这是链接view_window,我没有下划线, 点我只打开一个新窗口
    </a>
  </li>
</ul>

<frameset>
  <frame src="http://yfmei.oss-cn-shanghai.aliyuncs.com/html%2Fleft.htm?OSSAccessKeyId=LTAImxQnIYYLoQ2c&Expires=1504083519&Signature=8OqedwzdQFWYLd2AlGZP4Zm58D8%3D">
  <frame src="http://yfmei.oss-cn-shanghai.aliyuncs.com/html%2Fright.htm?OSSAccessKeyId=LTAImxQnIYYLoQ2c&Expires=1504083544&Signature=5ciVJufSwHLrXQiuS1Wji%2Fa7Va4%3D" name="view_name">
</frameset>
/* 去下划线 */
a {
  text-decoration-line: none;
}

/* 四种状态 */

/* 
提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
提示:伪类名称对大小写不敏感。 
*/
/* 初始状态 */
/* 注意访问过就改变*/
a:link {
  color: #000000;
} 

/* 已访问 */
a:visited {
  color: #0000FF;
}
a:link {
  color: #000000;
}
/* 鼠标悬浮 */
a:hover {
  color: #00FF00;
}
/* 点击未释放 */
a:active {
  color: #ffffff;
}