visited

首先<a>标签有四种状态，分别为： a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻 为了使样式生效，需要注意： a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后 这样，<a>可以使用文本样式来修改比如： a:link {background:#B2FF99;color:red;} /* 未被访问的链接 */ a:visited {background:#FFFF85;font-family:color:gray;} /* 已被访问的链接 */ a:hover {background:#FF704D;text-transform:uppercase;} /* 鼠标指针移动到链接上 */ a:active {background:#FF704D;} /* 正在被点击的链接 */ 加类: .div1 a:link, .div2 a:link {color: blue} /* 未被访问的链接 蓝色 */ .div1 a:visited , .div2 a:visited {color: blue} /* 已被访问过的链接 蓝色 */ .div1 a:hover, .div2 a:hover {color

图的遍历和树的遍历类似，我们希望从图中某一顶点出发访遍图中其余顶点，且使每一个顶点仅被访问一次，这一过程就叫做图的遍历（Traverse Graph)。 图的遍历方法一般有两种，第一种是我们在前面讲过的《 深度优先遍历（Depth First Search) 》,也有称为深度优先搜索，简称为DFS。第二种是广度优先遍历（Breadth First Search)，也有称为广度优先搜索，简称为BFS。我们在《 队列与广度优先搜索 》中已经较为详细地讲述了广度优先搜索的策略，这里不再赘述。如果说图的深度优先遍历类似树的前序遍历，那么图的广度优先遍历就类似于树的层序遍历了，我们把图7-5-3的第一幅图稍微变形成第二幅图所示，这样层次感就更强了，广度优先遍历需要用到队列的操作，可以参考《 队列的顺序存储结构 》。 下面只给出邻接矩阵和邻接表存储方式时的图的广度优先遍历的算法代码，没有给出整体可供测试运行的代码，其实只需要再写一个创建图的函数就可以进行整体测试了，可以参考《 邻接矩阵创建图 》和《 邻接表创建图 》 一、如果我们使用的是邻接矩阵的方式，则代码如下：（改编自《大话数据结构》） C++ Code 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

1，前面两篇博文实现了邻接矩阵和邻接链表法实现图的数据结构，什么情况下选择合适的图的类型？从时间复杂度角度来对比下； 2，时间复杂度的对比分析： 1，邻接矩阵法操作性能更好、效率更高，更在意性能，则选择邻接矩阵法； 2，链表矩阵法在空间使用率上更好，当环境资源紧张、内存比较小，选择邻接链表法； 3，小结论： 1，MatrixGraph 适用于内存资源富足的场合（性能较好）； 2，ListGraph 适用于内存资源受限的场合（节省空间）； 4，图的遍历： 1，从图中的某一个顶点出发，沿着一些边访问图中的其它顶点，使得每个顶点最多被访问一次； 2，注意：从某个顶点出发进行遍历，不一定能够访问到图中的所有顶点； 1，当始发顶点没有任何邻接顶点时； 5，图的遍历方式： 1，广度优先（Breadth First Search）： 1，以二叉树层次遍历的思想对图进行遍历； 2，深度优先（Depth First Search）： 1，以二叉树先序遍历的思想对图进行遍历； 6，广度优先（BFS）： 1，树的广度优先算法需要原材料：队列； 7，广度优先算法： 1，原料：class LinkQueue<T>； 2，步骤： 1，将起始顶点压入队列中； 2，队头顶点 V 弹出，判断是否已经标记（标记：转 2，未标记：转 3）； 1，每个顶点只能访问一次，如果发现队头顶点已经打上标记，则已经访问过了

一、图的基本概念 1、邻接点： 对于无向图无v 1 与v 2 之间有一条弧，则称v1与v2互为 邻接点 ；对于有向图而言<v 1 ,v 2 >代表有一条从v 1 到v 2 的弧，则称v 2 为v 1 的 邻接点。 2、度： 就是与该顶点相互关联的弧的个数。 3、连通图： 无向图的每个顶点之间都有可达路径，则称该无向图为连通图。有向图每个顶点之间都有<v 1 ,v 2 >和<v 2 ,v 1 >，则称此有向图为 强连通图 。 二、存储结构 1、邻接矩阵存储（Adjacency Matrix） 对无权图，顶点之间有弧标1，无弧标0； 对有权图，顶点之间有弧标权，无弧标无穷大； 2、邻接表（看书吧，精力有限不想画图了） 三、DFS与BFS 其实深度优先和广度优先，最重要的是要掌握其思想，而不是具体的实现，因为万变不离其宗。 1、DFS深度优先 ①从v0出发访问v0 ②找到刚访问过得顶点，访问其未访问过得邻接点中的一个。重复②直到不再有邻接点位置。 ③回溯，返回前一个被访问过但是仍有未被访问过得邻接点的顶点，继续访问它的下一个邻接点。重复②直至完全遍历。 可能我描述的不够准确，但那也没有办法，应为有些东西真的是只能意会。学计算机必须要结合具体的例子来看。 原图： DFS 其实简单来说：就是如果访问到的结点有邻接点就一直向下访问，否则就回溯。同树中的先根遍历很类似。 数据存储结构：

1、效果图 2、下载 js、css文件 3、html 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset ="UTF-8" > 5 < title > 滑动拼图验证码 </ title > 6 < link rel ="stylesheet" href ="jigsaw.css" > 7 < style > 8 .container { 9 width : 310px ; 10 margin : 100px auto ; 11 } 12 input { 13 display : block ; 14 width : 290px ; 15 line-height : 40px ; 16 margin : 10px 0 ; 17 padding : 0 10px ; 18 outline : none ; 19 border : 1px solid #c8cccf ; 20 border-radius : 4px ; 21 color : #6a6f77 ; 22 } 23 #msg { 24 width : 100% ; 25 line-height : 40px ; 26 font-size : 14px ; 27 text-align : center ; 28 } 29 a:link,a

通配选择符( * ) 通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需酌情使用 相邻选择器（+） 会选择相邻的下一个的元素（不包括自己） 兄弟选择器（~） 会选择相邻的后面的所有兄弟元素（不包括自己） 属性选择器 E[att] { sRules } 选择具有att属性的E元素。 E[att="val"] { sRules } 选择具有att属性且属性值等于val的E元素 E[att~="val"] { sRules } 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素（包含只有一个值且该值等于val的情况）。 E[att^="val"] { sRules } 选择具有att属性且属性值为以val开头的字符串的E元素 ;(包括)，如果有多个值，则写在开头的一个包括val则可以； E [att$="val"] { sRules } 选择具有att属性且属性值为以val结尾的字符串的E元素。 (包括该字符串)，如果有多个属性值，则不可以！ E[att*="val"] { sRules } 选择具有att属性且属性值 有 val 字母 的字符串的E元素。 如果属性有多个属性值，但属性值中包含有val的字符串，也可以。 E[att|="val"] { sRules } 选择具有 att 属性，其值是以 val 开头并用连接符"-

一、导入样式表： 当想要将样式运用到整个网站而不是单张页面时，管理样式的更好的方法是将它们从网页中分离出来，放到称作样式表的独立文件中，以便在需要时导入。 (1).使用CSS的@immport指令导入样式表： < style > @import url(;styles.css'); </ style > (2).从HTML内部导入样式表： < link rel ='stylesheet' type ='text/css' href ='styles.cdd' /> (3).嵌入样式: < div style ='font-style:italic; color:blue;' > Hello there </ div > 二、CSS规则： CSS规则是指一条或一系列语句，用以告诉网页浏览器怎样在页面上渲染某个或某些元素。CSS规则中的每条语句以选择器开始，指定施加规则的元素。规则中所有要修改的属性必须在选择器后面的"{"和"}"内出现。 例如，要将一号标题改为红色并放大24%： h1 { font-size : 240% ; color : red ; } 三、CSS选择器 用于在页面上访问一个或多个元素的方法称为选择，在CSS规则中的这一部分被称为选择器。 (1) 类型选择器：类型选择器为HTML元素指定 类型，像<p>、<div>等： p { text-align :

更多细节请参考 CSS参考手册 1.写在前面 关于CSS基础语法 【1】相比于HTML 内容及难度上有明显的提升 【2】CSS用来美化布局网页 【3】CSS中最为困难的地方 就是 布局结构 只有熟练地掌握了CSS语法基础 才能理解之后更复杂的知识点 并灵活地利用这些知识去进行 网页的 布局 阅读完此文 你会得到—— 关于CSS基础语法的要点 得到一个大致的学习CSS的方向 文章目录 1.写在前面 2.我的学习方式 3.网页布局中 CSS一定要熟练掌握这些！ 4.CSS基础语法 CSS背景 简写属性的顺序 background-position的详情 CSS文本 文本颜色 文本缩进 文本对齐方式 文本修饰 文本转换 更多文本属性… 更多对文本的操作实例！ CSS字体 字体系列-“weiruanyahei” 字体样式-斜体字 字体粗细 字体大小–设置像素/em 选择器 通配符选择器 普通选择器 id选择器&Class选择器（类选择器） id选择器 class选择器（类选择器） 样式表 外部样式表–独立的.css文件 内部样式表—初学的时候用的最多！ 内联样表 多重样式优先级 其他CSS优先规则 CSS链接 a:hover a:active … 四个链接样式的顺序–“LoVe and HAte” 文本修饰 背景颜色 更多链接样式 添加不同样式的超链接 CSS列表：list-style

There are N rooms and you start in room 0 . Each room has a distinct number in 0, 1, 2, ..., N-1 , and each room may have some keys to access the next room. Formally, each room i has a list of keys rooms[i] , and each key rooms[i][j] is an integer in [0, 1, ..., N-1] where N = rooms.length . A key rooms[i][j] = v opens the room with number v . Initially, all the rooms start locked (except for room 0 ). You can walk back and forth between rooms freely. Return true if and only if you can enter every room. Example 1: Input: [[1],[2],[3],[]] Output: true Explanation: We start in room 0, and pick

841. 钥匙和房间 题目来源：力扣（LeetCode） https://leetcode-cn.com/problems/keys-and-rooms 题目 有 N 个房间，开始时你位于 0 号房间。每个房间有不同的号码：0，1，2，...，N-1，并且房间里可能有一些钥匙能使你进入下一个房间。 在形式上，对于每个房间 i 都有一个钥匙列表 rooms[i]，每个钥匙 rooms[i][j] 由 [0,1，...，N-1] 中的一个整数表示，其中 N = rooms.length。 钥匙 rooms[i][j] = v 可以打开编号为 v 的房间。 最初，除 0 号房间外的其余所有房间都被锁住。 你可以自由地在房间之间来回走动。 如果能进入每个房间返回 true，否则返回 false。 示例 1： 输入: [[1],[2],[3],[]] 输出: true 解释: 我们从 0 号房间开始，拿到钥匙 1。 之后我们去 1 号房间，拿到钥匙 2。 然后我们去 2 号房间，拿到钥匙 3。 最后我们去了 3 号房间。 由于我们能够进入每个房间，我们返回 true。 示例 2： 输入：[[1,3],[3,0,1],[2],[0]] 输出：false 解释：我们不能进入 2 号房间。 提示： 1 <= rooms.length <= 1000 0 <= rooms[i].length <=