一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：
总: a 表示所有状态下的连接 如 .mycls a{color:red}
① a:link：未访问链接 ,如 .mycls a:link {color:blue}
② a:visited：已访问链接 ,如 .mycls a:visited{color:blue}
③ a:active：激活时（链接获得焦点时）链接的颜色 ,如 .mycls a:active{color:blue}
④ a:hover：鼠标移到链接上时 ,如 .mycls a:hover {color:blue}
一般a:hover和a:visited链接的状态（颜色、下划线等）应该是相同的。
前三者分别对应body元素的link、vlink、alink这三个属性。
四个“状态”的先后过程是：a:link ->a:hover ->a:active ->a:visited。另外，a:active不能设置有无下划线（总是有的）。
举例：伪类的常见状态值
<style type = “text/css”>
<!--
a {font-size:16px}
a:link {color: bluetext-decoration:none} //未访问：蓝色、无下划线
a:active:{color: red} //激活：红色
a:visited {color:purpletext-decoration:none} //已访问：purple、无下划线
a:hover {color: redtext-decoration:underline} //鼠标移近：红色、下划线
-->
</style>
a标签属性
a标签是成对出现的,以<a>开始, </a>结束
属性.
Common -- 一般属性
accesskey -- 代表一个链接的快捷键访问方式
charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8
coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标
href -- 代表一个链接源(就是链接到什么地方)
hreflang -- 指出了链接到的页面所使用的语言编码
rel -- 代表文档与链接到的内容(href所指的内容)的关系
rev -- 代表文档与链接到的内容(href所指的内容)的关系
shape -- 使用图像地图的时候可以使用shape指定链接区域
tabindex -- 代表使用"tab"键,遍历链接的顺序
target -- 用来指出哪个窗口或框架应该被此链接打开
title -- 代表链接的附加提示信息
type -- 代表链接的MIME类型
黑客需要学习的东西有很多，底层的有编程语言，操作系统原理，计算机硬件原理，编译原理，网络协议，cpu指令集，再往上一层，应用程序的编写，服务器的配置，各类软件的操作，等等。黑客有很多分支，有擅长编码写程序的，有擅长找程序漏洞的，有擅长逆向破解的，还有喜欢编写木马病毒的，对于新手而言，需要选择一个分支深入下去，到最后彻底精通这个领域，一招鲜吃遍天，先学一门精通后再横向扩展到其他领域
编程语言的话建议先学脚本语言，例如浏览器端的就学javascript，服务器端的就是php,asp,jsp等，经常有新手朋友问我黑客那么多领域，我该学那个比较好，从目前市场前景来看，学网络安全更有竞争力，首先随着互联网+，和移动互联网的快速发展，网络安全已经是个不得不重视的事情，而且从学习难度和就业薪资来说网络安全也比开发领域要好，网络安全又可以细分为web安全，移动安全，物联网安全，无线安全，区块链甚之汽车安全，所以你只要再其中选择一个细分领域然后精通后再扩展到其他领域就行，就像我自己就是学web安全出身的
对于想学web安全的朋友该如何学习呢？首先你要理解web是如何运作的，要知道浏览器是如何吧你的请求发送给服务器的，浏览器之间是通过那种协议运作的，这就需要你懂HTML（超文本编辑语言）css，javascript，也要懂服务器端的php语言，如果这些基础的东西你都不懂，就是会利用一些现成的漏洞工具进行一些复制黏贴类的操作对于你没有一点好处，如果漏洞被修复你就什么也做不了，一名真正的黑客是可以独自发现漏洞并可以修复漏洞的
成为黑客的道路是漫长的，只有耐得住寂寞的人才可以到达梦想的河畔，如果你在成为黑客的路上遇到困难想要放弃的时候，你可以通过一些其他的方式来鼓舞自己,学习是一件反人性的事情，遇到困难如果一时解决不了，不妨先放一放，过段时间随着你知识的积累可能就自然而然的明白了，当大家想要放松的时候不妨找些黑客题材的电影来看下，这里我推荐一部德语片，我是谁，没有绝对安全的系统，他会告诉你，这个世界上最大的漏洞是人
9个流行的、强大的前端开源框架，帮助你轻松构建漂亮的网站前端。1、BootstrapBootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。2、PatternFlyPatternFly是Red Hat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上Red Hat就是使用它创建了OpenShift。3、Material Components for the webMaterial Components for the web(MDC Web)，是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。4、PureBootstrap，Patternfly和MDC Web是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。5、FoundationFoundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。6、BulmaBulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。它还具有许多Web组件，你可以在设计中使用它们。7、Skeleton如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。8、MaterializeMaterialize 是一个基于 Material Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。9、BootflatBootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。
