超链接

最新推荐文章于 2023-11-08 22:12:45 发布

前端路上取经人

最新推荐文章于 2023-11-08 22:12:45 发布

阅读量211

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_43889418/article/details/110366992

版权

笔记专栏收录该内容

17 篇文章

订阅专栏

超链接标签

<a href="url">链接文本 / 图片 / html元素</a>

href属性

描述链接的地址，假如灭有href属性，标签仅仅是超链接的一个占位符

download属性

指定下载链接

target属性

定义被链接的文档在何处显示

_blank ：新窗口打开
_parent ：在父窗口中打开链接
_self ：默认，当前页面跳转
_top ：在当前窗体打开链接，并替换当前的整个窗体（框架页）

name属性

规定锚的名称
提示：假如浏览器找不到已定义的锚，那么就会定位到文档的顶部。不会有错误发生

样式

a:link - 普通的、未被访问的链接
a:visited - 用户以访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

text-decoration 去除超链接下划线

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端路上取经人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css :before / :after 伪类选择器的真正作用及使用场景

Thinking anywhere anytime.

12-10

6312

css :before / :after 伪类选择器的真正作用及使用场景

css3新增伪元素选择器::before和::after的概念和实际应用（京东banner小点特效）

qq_37120738的博客

11-19

1209

前言：本人便捷博客能力低下，如果看不懂，请联系我。带来不便，多有抱歉。一、首先我们需要知道css3新增选择器::before和::after的概念 E::before和E::after 在E元素内部的开始位置和结束位创建一个元素，该元素为行内元素，且必须要结合content属性使用。 div::befor { content:"开始"; } div::after { conte...

参与评论您还未登录，请先登录后发表或查看评论

css之伪类选择器:before :after(::before ::after)

weixin_34348111的博客

07-20

697

一、总结： ::before是在标签内容前面添加内容， ::after是在标签内容后面添加内容 ::before ::after与:before :after的区别：css3中修订后的伪元素使用：：两个冒号，使用单冒号和双冒号的功能还是一样，IE8只支持单冒号的伪元素，所以使用单冒号的最安全。关于伪元素和伪类（选择器）： 伪元素： 伪类选择器：二、实例： ...

清除浮动（伪元素选择器法）

jwz934738949的博客

05-03

861

在学习了伪元素选择器后，我们可以通过使用伪元素选择器来清除浮动。具体方法为：内容为空；元素为块级元素；高度为0；隐藏元素；添加clear: both属性。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>标题</title>...

html伪类清除浮动,伪类选择器、清除浮动

weixin_30523989的博客

06-15

416

2018.7.221.伪类选择器(昨天查的a:hover就是锚伪类)CSS 伪类用于向某些选择器添加特殊的效果。(折角、抬头、箭头)锚伪类就是在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：已被访问状态，未被访问状态，鼠标悬停状态、活动状态(选定)。a:link{color: #FF0000}/* 未访问的链接 */a:visited{color: #00FF00}/...

html伪类选择器Before,css3 伪元素和伪类选择器详解

weixin_31060209的博客

06-07

1204

伪类选择器：CSS中已经定义好的选择器,不能随便取名常用的伪类选择器是使用在a元素上的几种，`如a:link|a:visited|a:hover|a:active`提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。伪元素选择器：并不是针对真正的元素使...

提升你的CSS技能：深入理解伪类选择器和伪元素选择器

09-29

常用伪元素选择器包括::first-line、::first-letter、::before和::after等。在实际开发中，掌握伪类选择器和伪元素选择器可以让我们在页面布局和样式设计上拥有更强大的控制力。通过合理地使用这些选择器，可以...

父元素的高度为0利用伪元素:after清除浮动可解决问题

09-25

`:after`伪元素是CSS中的一个特殊选择器，它可以在任何元素的末尾添加内容，而无需在HTML中实际添加任何额外的元素。通过将`:after`伪元素的`content`属性设置为空字符串（`content:""`），然后将其`display`属性...

CSS3 伪元素选择器，例如（E::before、E::after）

03-25

常见伪元素： E::first-letter, 表示给元素中的第一个字母设置一个样式 E::first-line, 表示给元素的第一行设置一个样式 E::before, 用于CSS渲染中向元素逻辑上的头部添加内容，主要是用它开显示修饰的内容，...

CSS之伪类和伪元素 | :before和::before

weixin_42479421的博客

09-26

1389

伪元素选择器，:before和::before单冒号和双冒号有何关联？

伪元素::before和::after

m0_63341874的博客

12-04

225

伪元素：：before和：：after 原先在一些网页上看到了这一类伪元素，在翻找了一些资料后，有一些收获。可能不齐全。

::before 和 ::after 伪元素选择器

weixin_58697368的博客

11-08

612

伪元素不是真正的页面元素，在 HTML 中没有对应的元素。伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，实际并不存在于 HTML 文档中。伪元素在 HTML 中无法审查，但是伪元素的用法和真正的页面元素一样，可以用来对CSS设置样式，用于将特殊的效果添加到某些选择器。

爱恨原则

Webcelement

07-12

443

【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序以前用CSS一直没有遇到过这个问题，在最近给一个本科同学做的项目里面。出现一些问题，搜索引擎查了一些网站和资料，发现很多人问到这个问题，给出的结果我试了试，大部分都不正确。给出我试的顺序，可能会对大家有一些帮助：代码 A:link { color : ...

CSS 用伪类 :after 选择器清除浮动

weixin_30412167的博客

08-04

256

利用 :after 伪类来实现清除浮动 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{padding:0p...

CSS3学习笔记（十）——UI元素状态伪类选择器 ::before和::after

Bambi12的博客

12-04

390

<!DOCTYPE html> <html lang="en"> <head> <title>before&after</title> <style> .box h3{ text-align: center; position

CSS伪元素，伪类选择器

Fanbin168的专栏

05-28

3267

p:first-line { /*伪元素：本来p元素的第一行是一句文字，并不是一个元素，但是这里将p元素的第一行伪装成一个元素了，然后给它设置样式; */ font-size:30px; font-family:Arial; color:red; } p:first-letter { /*这

css的伪元素::after和::before

我的博客

09-23

859

// 转载自：浅谈css的伪元素::after和::before css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。一、概念： 1.定义从定义我们知道::before和::after匹配一个虚拟元素，主要被用于为当前元素增加装饰性内容的。他显示的内容是其自身的“conten

伪类:before的妙用

FEE

12-27

1138

先说个应用于li的场景，都知道在list-style: disc情况下，li的表现是这样的： 1、间距大，虽然可以通过margin负值来调整 2、圆点太大，不好看，不好调整大小，而且在谷歌/火狐上看起来有差异所以:before就派上用场了：<li class="test">test</li>.test { position: relative; margin: 50px;

伪类选择器

sxl1947842654的博客

07-14

158

伪类选择器:是系统为我们创建好的类,用来为标签的某个时机设置的样式link,visited,however,active四个伪类选择器(四个状态)如果这四个伪类同时写的话,要注意先爱(love)后恨(hate)原则一般与<a>标签配合使用1.link:元素没有被访问的状态2.visited:元素点击之后的状态3.hover:光标移动到元素时的状态4.active:鼠标按下没有抬起的状态...

用伪元素选择器中::before和::after编写代码