前端打卡--CSS--10.超伪类链接

最新推荐文章于 2022-07-16 08:00:51 发布
最新推荐文章于 2022-07-16 08:00:51 发布
阅读量60 收藏
点赞数
分类专栏： 前端学习 文章标签： css 前端 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41083616/article/details/120885564
版权

1.超伪类定义：4个属性

4种样式定义顺序不能改变；
在实际开发中，我们只会用到两种状态：未访问时状态和鼠标经过状态。
在这里插入图片描述

2.深入了解:hover属性

hover应用很广泛，可以用来编辑a,div，img,都可以用来定义鼠标经过时的样式

3.自定义鼠标样式

cursor属性来定义鼠标样式
在这里插入图片描述
常见的属性取值：
在这里插入图片描述

啊西边的瓜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
人脸打卡机)-WiFi-TCP网络通信.docx
12-17
人脸打卡机)-WiFi-TCP网络通信.docx
第五天 超链接伪类
Yao_Qinwei's Blog
05-06 699
今天我们开始学习《十天学会web标准(div+css)》超链接伪类，包含以下内容和知识点： 链接的四种样式将链接转换为块状用css制作按钮首字下沉 一、超链接的四种样式 本来计划这节课放到第九章中讲解，但下边的章节都涉及到了，所以提前来学习一下，上节课讲解的内容比较多，这节课就少讲些，只要理解了伪类，就轻松多了。 超链接可以说是网页发展史上一个伟大的发明，它使得许多页面相互链接从而构成
JavaSE------CSS渐变（我感觉贼好玩的一个模块），CSS 3种导入方式，选择器，（文体字样，伪类，超伪类链接，背景，）
墨迹
02-12 245
本文总结的是一部分CSS相当基础的内容，也是我感觉很重要的部分，都在底下了 1.css3种导入方式 2. 选择器 3.文体字样 伪类，超伪类链接，背景 5.渐变（我感觉贼好玩的一个模块） ...
css伪类选择器
m0_62200674的博客
07-16 2959
链接伪类选择器、结构伪类选择器、目标伪类选择器
人脸打卡机)-WiFi-UDP网络通信.docx
12-17
人脸打卡机)-WiFi-UDP网络通信.docx
uniapp打卡小程序 sign-in.zip
01-03
打卡小程序，只包含前端样式，功能未实现。
人脸打卡机)-加解密及数据协议.docx
12-17
人脸打卡机)-加解密及数据协议.docx
微信小程序代码-易打卡 表单设计.zip
04-22
微信小程序代码-易打卡 表单设计.zip，小程序模板代码，可以直接从源码里粘贴复制过来，虽然这样做不利于自己独立编写代码。
HTML5--2022.02.17--WebSQL,应用程序缓存，Web Workers，WebSocket
qq_41083616的博客
02-17 942
2022.02.17 html5学完了
2021.12.16--jQuery--11.工具函数
qq_41083616的博客
12-16 883
1 工具函数简介 在jQuery中，主要有以下5大类工具函数。 （1）字符串操作 $.trim()方法来去除字符串首尾的空白字符。 $.trim(str) （2）URL操作 $.param()方法将数组或对象转化为字符串序列 $.param(obj或array) （3）数组操作 一、判断元素：$.inArray() （4）对象操作 $.each()不仅可以用于遍历数组，还可以用于遍历对象。 （5）检测操作 （6）自定义工具函数 $.extend({ "函数名": function(参数){
2021.12.16--jQuery--12.jQuery插件
qq_41083616的博客
12-16 852
常用的jQuery插件 一、文本溢出：dotdotdot.js 二、延迟加载：lazyload.js 三、复制粘贴：zclip.js 四、表单验证：validate.js 五 自定义jQuery插件 jQuery插件可以分为以下3种。 （1）方法类插件 使用$.fn.extend()方法来定义一个方法类插件 $.fn.extend({ "插件名": function(参数){ …… } }); （2）函数类插件 使用.extend()方法来定义一个函数类插件 (functi
2021.12.3--jQuery--3.伪类选择器，4，DOM基础
qq_41083616的博客
12-06 790
伪类选择器，可以看成是一种特殊的选择器。其中，伪类选择器都是以英文冒号（:）开头的。jQuery参考CSS伪类选择器的形式，为我们提供了大量的伪类选择器，常用的包括以下6种。 （1）“位置”伪类选择器 （2）“子元素”伪类选择器 (“ul li:first-child”)表示选择父元素（即ul）下的第一个子元素，这句代码等价于(“ul li:nth-child(1)”)。(“ul li:last-child”)表示选择父元素（即ul）下的最后一个子元素，这句代码等价于(“ul li:nth-child(5
2021-11.09--JavaScript--时间对象，数学对象
qq_41083616的博客
11-09 685
数学对象； 注意度数的写法 120*Math.PI/180 //120° 150*Math.PI/180 //150° 利用floor生成随机数的技巧
2021.11.28--JavaScript入门--13window对象
qq_41083616的博客
12-02 658
13.1 window对象简介 在JavaScript中，一个浏览器窗口就是一个window对象（这句话很重要）。图中有3个窗口，也就是3个不同的window对象。window对象存放了这个页面的所有信息，为了更好分类处理这些信息，window对象下面又分为很多对象，如下图所示。 window对象及下面这些location、navigator等子对象，由于都是操作浏览器窗口的，所以我们又称之为BOM，也就是Browser Object Module（浏览器对象模型） 13.2 窗口操作 （1）打开窗口 w
2021.12.9--jQuery--7.事件进阶
qq_41083616的博客
12-09 603
7.1 绑定事件 使用on()方法为元素绑定一个事件或者多个事件。jQuery的on()方法，有点类似于JavaScript的addEventListener()方法 $().on(type, fn) （1）使用on()方法为“已经存在的元素”绑定事件 （2）为“动态创建的元素”添加绑定事件 7.2 解绑事件 使用off()方法来解除元素绑定的事件 $().off(type) (1)解除“基本事件”方式添加的事件 (2)用来解除“绑定事件”添加的事件 7.3 合成事件 鼠标移入和鼠标移出这两个事件往往都
2021.11.23--11.事件基础
qq_41083616的博客
11-24 575
11.1 事件是什么？ 在JavaScript中，一个事件应该有3部分。 （1）事件主角：是按钮呢？还是div元素呢？还是其他？ （2）事件类型：是点击呢？还是移动呢？还是其他？ （3）事件过程：这个事件都发生了些什么？ JavaScript常见的事件共有以下5种。 （1）鼠标事件 （2）键盘事件 （3）表单事件 （4）编辑事件 （5）页面事件 11.2 事件调用方式 （1）在script标签中调用 在script标签中调用事件，指的是在< script >< /script >标签
2021.12.10--jQuery--8.jQuery动画简介
qq_41083616的博客
12-10 574
8.1 jQuery简介 CSS3来实现动画有一定的局限，有些地方必须使用jQuery才能实现，例如： （1）控制动画的执行 （2）结合DOM操作 （3）动画执行后返回一个函数 8.2 显示与隐藏 在jQuery中，如果想要实现元素的显示与隐藏，有以下2种方式。 （1）show()和hide() （2）toggle() toggle()方法来“切换”元素的显示状态。也就是说，如果元素是显示状态，则会隐藏起来；如果元素是隐藏状态，则会显示出来。 8.3 淡入与淡出 （1）fadeIn()和fadeOut()
将vue3路由打卡方式改为el-dialog
最新发布
07-22
如果你想将 Vue 3 路由的导航方式改为使用 `el-dialog` 打开页面，你可以按照以下步骤进行操作： 1. 首先，在你的组件中添加一个 `el-dialog` 组件，并设置一个变量来控制对话框的显示与隐藏。例如： ```vue <template> <div> <el-button @click="openDialog">打开对话框</el-button> <el-dialog :visible.sync="dialogVisible" @close="closeDialog"> <router-view></router-view> </el-dialog> </div> </template> <script> export default { data() { return { dialogVisible: false } }, methods: { openDialog() { this.dialogVisible = true this.$router.push({ name: 'DialogComponent' }) // 或者使用其他方式导航到对话框组件 }, closeDialog() { this.dialogVisible = false this.$router.push({ name: 'HomeComponent' }) // 或者使用其他方式导航回主页组件 } } } </script> ``` 在这个例子中，我们使用了 `el-button` 组件来触发 `openDialog` 方法，将 `dialogVisible` 设置为 `true`，从而打开对话框。对话框的内容使用了 `router-view` 组件来展示。 通过设置 `:visible.sync` 来实现对话框的显示与隐藏，并通过 `@close` 事件来监听对话框的关闭操作。在 `openDialog` 方法中，我们通过 `$router.push()` 方法导航到对话框组件，`name` 属性对应路由配置中的组件名称。 2. 在你的路由配置文件中，将需要展示在对话框中的路由组件配置为相应的路由。例如： ```javascript import { createRouter, createWebHistory } from 'vue-router' import HomeComponent from '@/components/HomeComponent.vue' import DialogComponent from '@/components/DialogComponent.vue' const routes = [ { path: '/', name: 'HomeComponent', component: HomeComponent }, { path: '/dialog', name: 'DialogComponent', component: DialogComponent } ] const router = createRouter({ history: createWebHistory(), routes }) export default router ``` 在这个例子中，我们将 `HomeComponent` 和 `DialogComponent` 配置为不同路径的组件，并给它们分配了对应的名称。 现在，当你点击 "打开对话框" 按钮时，对话框将会打开，并加载 `DialogComponent` 组件。 希望这个解答对你有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值