超链接的visited,没有出现visited的效果

2024-08-09

a:hover和a:visited书写顺序的重要性

2a:hover和a:visited书写顺序的重要性今天在用a:hover属性的时候发现一个奇怪的问题,同一个页面里面有些链接的a:hover效果不能正常表现出来.链接的代码是一样,没有使用其它样式固定,搞的我莫名其妙.还以为是某个标签没有关闭,但是页面比较长,检查起来又嫌累,但是想来想去找不到其它原因,索性把浏览器一关,做别的事情去了.重新打开这个页面的时候,突然发现那个链接的a:hover效果又出来了.我想了一下,点了那个链接,然后回过头再点,果然又没了.连忙检查css文档,发现a:hove

a与a:link、a:visited、a:hover、a:active

原文地址http://www.cnblogs.com/exmyth/p/3226654.html a与a:link.a:visited.a:hover.a:active 起因: a与a:link的CSS代码处,忽觉茫茫然不知所以然:这a的CSS和a:link什么关系?貌似有些冲突啊?还有这a:link. a:visited.a:hover.a:active伪类之间有没有相互制约和继承关系? 过程: 使用软件:Adobe Dreamweaver CS3 ,Internet Explorer8.

a标签伪类link，hover，active，visited，focus区别

<div id="content"> <h3><a class="a1" href="#">a标签伪类link,hover,active,visited,focus区别</a></h3> </div> a.a1:link{ /*链接未被访问时的状态*/ color: blue; } a.a1:visited{ /*链接访问后的状态*/ color: green; } a.a1

css：a:visited限制

:active 对于:active伪类可以在div上生效.没有限制 :visited使用限制 :visited只适用于带href的a标签.如果给a标签绑定了click事件,那跳转的url必须跟href保持一致,才能让visited生效 a:visited { color: #aaa; } :visited样式限制大体意思就是,只准写color.rgba,hsla等等都不能用. 本来是想写个透明度,也不work. 最后用取色器取了rgba(0,0,0,0.5)的色号. a:visited { o

利用target的特性，可以实现纯css的tab效果切换

基础知识: :target起作用的是href连接到的位置如 <a href="#tab1">tab1</a> <div id="tab1" class="tab">This is a tab1</div> :target{ color:red; } 但点击a标签的时候,连接到id是tab1的div,对这个div起作用color:red; 如: <a href="#tab"

关于对CSS中超链接那部分的设置

a:link{ //正常下的超链接 color:red; //超链接的颜色 text-decoration:none; //超链接没有下划线 } a:visited{ //访问过的超链接 color:yellow; //访问过的超链接颜色 text-decoration:none; //访问过

详解HTML的a标签（超链接标签）

原文简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4.a标签常用的协议 5.超链接标签的样式问题——a标签的伪类选择器的书写顺序 1.什么是<a>标签 <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 2.<a>标签的几个重要属性 2.1.h

JavaScript之JS实现动画效果

在前面的随笔中介绍了如何用DOM技术修改文档的央样式信息,用JavaScript添加样式信息可以节约我们的时间和精力,但总的来说,CSS仍是完成这类任务的最佳工具.但是有一个应用领域是目前的CSS无能为力的.如果我们想随着时间的变化而不断改变某个元素的样式,则只能用JavaScript.JavaScript能够按照预定的时间间隔重复的调用一个函数,而意味着我们可以随着时间的推移而不断改变某个元素的样式. 动画是样式随着时间变化的完美例子之一.简单的说,动画就是让元素的位置随着时间而不断的发生变化

使用HTML 和CSS 开发商业站点

第一章HTML 基础1.html 的基本结构?解析:2.HTML 全称Hyper Text Markup Language(超文本标记语言)扩展XML:Extendsible Markup Language(可扩展性标记语言)3.高级记事本Ue(UltraEdit)nodepad++Editplus快捷键用熟一个即可.4.编写html 文档的注意点01.所有标签字母均小写.02.有开始就要有闭合标签03.每个层次的标签有一定程度的缩进.解析:如果发现body 内书写了内容,用浏览器打开后发现没有

快速学习html、css的经典笔记

HTML语言剖析 Html简介-目录全写: HyperText Mark-up Language 译名: 超文本标识语言简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag)使文件达到预期的显示效果.由文字(字母,数字.标点符号)及标签组合而成.任何文字编辑器都可以,这里推荐用:Dreamweaver. 1. Html特点: ► 描述性语言,结构语言,用于决定网页内容以什么样的形式显示: ► 通过标签来控制网页的文档.字符和段落等的格式,以及对脚本语言等的调用:

Dreamweaver架设网站终极教程

转自:http://www.cnblogs.com/loveme513/archive/2006/04/03/365969.html 一.定义站点 1. 在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb.***备注:网站中所用的文件都要用英文名.2.打开Dreamweaver,选择“站点—新建站点”,打开对话框.在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web).然后确定即可.***备注:再次打开Dreamweaver,会自动找

怎么使用dreamweaver制作网页教程 dw建站设计网页

对于网页制作相关专业人士一定对dreamweaver有所认识,下面小编就问大家总结一下相关网页制作的一些步骤,喜欢的朋友可以一起来学习一下 Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生.可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页. 这里西西给大家带来一个dreamweaver制作网页的教程,初学DW的朋友可以参考一下. 一.定义站点 1. 在任意一个根目录下创建好一个

Web开发入门学习笔记

公司web项目终于要启动了,本以为django学习可以在实战中进行,结果最终使用了Drupal框架,好吧,那我们就PHP走起,买了本<细说PHP>,先跟着过一遍Web开发入门. HTTP协议 HTTP协议:所有的WWW文件都必须遵守HTTP协议,HTTP是客户端浏览器或者其他程序与Web服务器之间的应用层通信协议.HTTP协议建立在TCP/IP协议,也就是说,是一种可靠的传输协议,意味着两台设备在传输之前必须先建立可靠连接(握手),由客户端发起到服务器端的指定端口(默认为80)HTTP请求,并

前端基础-CSS的各种选择器的特点以及CSS的三大特性

一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. 基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个

前端学习笔记之CSS选择器

阅读目录一基本选择器二后代选择器.子元素选择器三兄弟选择器四交集选择器与并集选择器五序列选择器六属性选择器七伪类选择器八伪元素选择器九 CSS三大特性一基本选择器 1.id选择器 #1.作用: 根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 #2.格式 id名称 { 属性:值; } #3.注意点: 1.在企业开发中如果仅仅只是为了设置样式,通常不会使用id,在前端开发中id通常是留给js使用的 2.每个标签都可以设置唯一一个id,id

第五章HTML

HTML介绍标签:有一个头,一尾 <!DOCTYPE html><html lang="en"><head>   <title>路飞学城</title> <!-- 常用两个属性 http-equiv:它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网

前段基础之CSS

本文参考:https://www.cnblogs.com/ctztake/p/7577436.html CSS 语法 CSS规则由两个主要的部分构成:选择器,以及一条或多条声明. ''' selector { property: value; property: value; ... property: value } ''' 例如: h1 { color:red; font-size:14px; } css的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式.这种方式没有

python 前端 css

CSS(Cascading Style Sheet,层叠样式表) 是一种用来表现HTML或XML等文件样式的计算机语言. 作用:是用来美化HTML标签的,相当于给页面化妆. 每个css 都是有两部分组成: 选择器和声明. 声明有包括属性和值,每个声明后用分号结束. 选择器:就是明确文件样式的作用对象. 是一个选择一个标签或多个标签的过程. 声明:就是样式 CSS 三大特性: 1.层叠性:当多个样式作用到同一标签,当发生冲突时,总是执行最后的那个样式代码也就是覆盖. 2.继承性: 文字的所有属性

HTML语言和CSS开发

第一张 HTML基础1.HTML:超文本标记语言(它除了文字,还能写图片.视频.音频.交互),他不是编程语言,它是标记语言2. <!DOCTYPE html> HTML5版本申明 <html> <head> <meta charset="utf-8" /> 防止中文乱码 <title>我的第一个网页</title> 网页标题 </head> <body> </body> <

web网页练习

一. HTML部分 1. XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元素必须被关闭. 标签名必须用小写字母. XHTML 文档必须拥有根元素. 2. 前端页面有哪几层构成,分别是什么?作用是什么? , 结构层 Html(页面结构内容,骨架) 表示层 , CSS(网页的样式和外观) 行为层 , js(实现网页的交互,动画效果) 3. 请描述一下 cookies,sess

wed开发基础--练习题

一.HTML部分本小节重点: 熟练使用div+span布局,知道div和span的语义化的意思熟悉对div.ul.li.span.a.img.table.form.input标签有深刻的认知, 初期也了解他们,知道他们在浏览器上的初始化样式是怎样的. 熟练网站布局结构比如 header区域,侧边栏区域,内容区域,脚部区域 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言下面说一说HTML5和XHTML在语法上的区别: XHT

超链接的visited,没有出现visited的效果

热门专题