visited和link区别

2024-08-29

谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序

前端路上,未来还远,所以基础部分必须扎实,走好现在脚下的每一步才是现在最重要的. 下面进入正题吧. 1. <a>标签我们先说一说<a>标签是干啥用的. <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的 <a>标签还有一个很重要的属性

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

伪类link,hover,active,visited,focus的区别

例一: /*css*/a:link{ color: blue;}a:visited{ color: green;}a:hover{ color: red;}a:focus{ color:black;}a:active{ color: yellow;} /*html*/<p><a href="#">click me</a></p> 例二: /*css*/input:focus{ background: yellow;}input:a

link和@import区别

推荐使用:link 区别 1.从属关系区别@import是 CSS 提供的语法规则,只有导入样式表的作用:link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS.rel 连接属性等. 2.加载顺序区别加载页面时,link标签引入的 CSS 被同时加载:@import引入的 CSS 将在页面加载完毕后被加载. 3.兼容性区别@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别:link标签作为 HTML 元素,不存在兼容性问题. 4.DOM可控性区别可以通

JS实现自适应宽度的Tag切换

效果体验:http://hovertree.com/texiao/js/3.htm 该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页. HTML文件代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS实现自适应宽度的Tag切换 - HoverTree</titl

【CSS】使用CSS选择器（第二部分）

1. 使用结构性伪类选择器使用结构性伪类选择器能够根据元素在文档中的位置选择元素.这类选择器都有一个冒号字符前缀(:),例如 :empty .它们可以单独使用,也可以跟其他选择器组合使用,如: p:empty . 1.1 使用根元素选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS</title&

CSS学习之选择器

html是盖房子,css是将房子装扮的更漂亮一些!CSS(Cascading Style Sheets),值层叠样式表. 语法选择器 { 属性 : 属性值 ; } 比如, p{color:red;} css选择器,用于选择需要添加样式的元素,可以分为标签选择器.class选择器.id选择器.属性选择器.伪类.伪元素选择器.组合选择器等等(本文主要说这几个选择器). 标签选择器 p{color:#f00;} h1{font-size:20px;} 标签选择器即是html的元素标签直接作为css选

前端面试整理(HTML&CSS)

1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度.行高及外边距和内边距都不可改变,文字图片的宽度不可改变,只能容纳文本或者其他行内元素:其中img是行元素块级元素:总是在新行上开始,高度.行高及外边距和内边距都可控制,可以容纳内敛元素和其他元素:行元素转换为块级元素方式:display:block: 2.将多个元素设置为同一行?清除浮动有几种方式? 将多个元素设置为同一行:float,inline-block清除浮动的方式:方法一:添加新的

（4）《Head First HTML与CSS》学习笔记---文本的CSS规则和盒模型；div与span；<a>元素的链接色；伪类

1.每个font-family包含一组共同特征的字体.共五个字体系列: sans-serif----这个系列包括了没有衬线的字体,与serif相比,通常认为这个系列更容易在计算机上识读. serif-----------这个系列包括有衬线的字体,很像新闻报纸的文字排版. monospace-这个系列的字体包含固定宽度的字符(即每个字母在水平方向所占的宽度都是相同的),主要用于显示软件代码示例.(代码很重视对齐.缩进,所以对宽度要求高) cursive-------这个系列的字体包含看似手写的字体

html和css的基本功

1.块级元素和行内元素和行内块元素的区别块级元素:独占一行的,可以设置宽高和内外边距的(<div>/<h1>~<h6>/<p>/<ul>/<table>) 行内元素:不独占一行,不可以设置宽高,其大小仅仅被动的依赖于自身内容的大小行内块元素:不独占一行,和相邻的行内元素在同一行,有间隔,可以设置宽高(<img>/<input>/<td>) 2.用css写三角形等边三角形 <div cla

HTML5-CSS(一)

一.创建 CSS 样式表有三种方式 1. 元素内嵌样式<p style="color:red;font-size:50px;">这是一段文本</p>解释:即在当前元素使用 style 属性的声明方式. 2. 文档内嵌样式<style type="text/css">p {color: blue;font-size: 40px;}</style><p>这是一段文本</p>解释:在<head&

使用CSS选择器（第二部分）

伪类跟伪元素一样,并不是直接针对文档元素的,而是为你基于某些共同特征选择元素提供方便. 使用结构性伪类选择器使用结构性伪类选择器能够根据元素在文档中的位置选择元素.这类选择器都有一个冒号字符前缀(:),例如:empty.它们可以单独使用,也可以跟其他选择器组合使用,如p:empty. 使用根元素选择器 :root选择器匹配文档中的根元素.它可能是用得最少的一个伪类选择器,因为总是返回html元素.下表简单总结了:root选择器. :root选择器代码清单1演示了一个:root选择器用例. 代

CSS 基础篇、绝对有你想要

本章内容: 简介 CSS 定义四种引入方式样式应用的顺序选择器(Selector) * 通用元素选择器标签选择器 class 类选择器 # ID选择器 , 多元素选择器后代元素选择器 > 子元素选择器 + 毗邻元素选择器 [] 属性选择器伪类选择器常用属性颜色属性(color .transparent.opacity) 字体属性(font-style. font-weight.font-size. font-family.font) 文本属性(white-space.direct

去除ios系统a标签点击时的灰色背景

使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景,想要去掉的话可以用下面这种方式 a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; }

深入理解CSS伪类

× 目录 [1]锚点 [2]UI元素 [3]结构伪类[4]其他前面的话伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到.实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示.本文将详细介绍伪类的详细知识锚点关于锚点<a>,有常见的5个伪类,分别是:link,:hover,:active,:focus,:visited a:link{background-color:pink;}/*

CSS选择器的一些记录

选择器例子例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 * * 选择所有元素. 2 element p 选择所有 <p> 元素. 1 element,element div,p 选择所有 <div> 元素和所有 <p> 元素. 1 element element div p 选择 <di

CSS典型案例实践

CSS案例实践一.层布局:定位元素重叠在CSS中可以通过z-index属性来确定定位元素的层叠等级.需要注意的是: z-index属性只有在元素的position属性取值为relative.absolute或fixed时才可以使用. 在z-index属性中,其值越大层叠级别就越高,如果两个绝对定位的元素的该属性具有相同的number值,那么将依据它们在HTML文档中声明的顺序层叠. z-index属性只能在同一级别的HTML上体现作用对于未指定此属性的绝对定位元素,可以看做值为auto,即

CSS 笔记二（Text/Fonts/Links/Lists）

IE调试网页之四：F12 开发人员工具控制台错误消息 (Windows)（转载）

F12 工具控制台可以报告在运行时期间发生的错误和信息消息.本文将介绍错误消息,并提供有关如何修正这些错误的建议. 简介 F12 工具控制台错误消息提供了一些代码(例如,SEC7111 或 HTML1114),这些代码提供有关错误的信息.这些代码和消息显示在 F12 工具的"控制台"和"脚本"选项卡中.对于 JavaScript 编程人员来说,这些代码是从 Windows Internet Explorer 引发的.ActiveX 和浏览器扩展开发人员还可发送这些错

CSS3--选择器

子元素选择器: div>p{background:yellow:} 相邻的后兄弟选择器(必须相邻) h1+p{padding-top:20px:} 后兄弟选择器(同级的当前元素后面的元素) div~p{color:red:} 属性选择器:(属性可以自己定义,例如:class=abc) [abc=value] 属性值为value的元素 [abc~="value1"]属性值包含value1的元素(多个值之间用空格区分) [abc*="val"]模糊匹配属性值中包

2.css选择器

由第一节的语法结构可以看出css语言的核心思想就是:找到对象,然后对选定的对象进行属性赋值.其中,css中对象的选择,依靠的就是选择器.当掌握了选择器以后,就能够指哪打哪,弹无虚发了. css的选择器有许多种,下面来逐一介绍: 1.基本选择器使用简单且频率高的一些选择器这里归类为基本选择器,而基本选择器有包含下的内容: 1.1 通用选择器 * { border: 1px solid red; } 说明:通用选择器的核心就是使用统配符*作为对象标识,在很多语言中,*的含义是指代所有对象,也就是所

visited和link区别

热门专题