当前位置： 首页 > news >正文

5、css学习5（链接、列表）

news 2026/5/12 21:58:21

1、css可以设置链接的四种状态样式。

  • a:link - 正常，未访问过的链接
  • a:visited - 用户已访问过的链接
  • a:hover - 当用户鼠标放在链接上时
  • a:active - 链接被点击的那一刻

2、 a:hover 必须在 a:link 和 a:visited 之后， a:active 必须在 a:hover 之后，需要严格按顺序才能看到效果。

3、text-decoration 属性主要用于删除链接中的下划线。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>CSS学习之链接</title><style>a:link {color: #000000;text-decoration: none;background-color: #B2FF99;}a:visited {color: #00FF00;text-decoration: none;background-color: #FFFF85;}a:hover{color: #FF00FF;text-decoration: underline;background-color: #FF704D;}a:active{color: #0000FF;text-decoration: underline;background-color: #FF704D;}</style></head><body><p><b><a href="/css/" target="_blank">这是一个链接</a></b></p><p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p><p><b>注意：</b>a:active 必须在 a:hover 之后。</p></body>
</html>

运行结果：

 

<!DOCTYPE html>
<html><head><meta charset="uft-8"><title>有序、无序列表</title><style>/*根据类名定义样式*/ul.a {list-style-type: circle;}ul.b{list-style-type: square;}ol.c{list-style-type: upper-roman;}ol.d{list-style-type: lower-alpha;}ul.cut{list-style-type: none;margin: 0;padding: 0;}</style></head><body><p>无序列表实例：</p><ul class="a"><li>PHP</li><li>JAVA</li><li>PYTHON</li></ul><ul class="b"><li>PHP</li><li>JAVA</li><li>python</li></ul><p>有序列表实例：</p><ol class="c"><li>PHP</li><li>JAVA</li><li>python</li></ol><ol class="d"><li>PHP</li><li>JAVA</li><li>python</li></ol><p>移除列表默认前标：</p><ul class="cut"><li>PHP</li><li>JAVA</li><li>python</li></ul></body>
</html>

运行结果：

 

相关文章：

5、css学习5（链接、列表）

1、css可以设置链接的四种状态样式。 a:link - 正常&#xff0c;未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:active - 链接被点击的那一刻 2、 a:hover 必须在 a:link 和 a:visited 之后&#xff0c; a:active 必须在 a:hover 之后&…...

编程日记 2023/8/22 2:09:08

Synchronized与Java线程的关系

前言 ​ Java多线程处理任务时&#xff0c;为了线程安全&#xff0c;通常会对共享资源进行加锁&#xff0c;拿到锁的线程才能进行访问共享资源。而加锁方式通过都是Synchronized锁或者Lock锁。 ​ 那么多线程在协同工作的时候&#xff0c;线程状态的变化都与锁对象有关系。 …...

编程日记 2023/8/22 2:08:06

使用本地电脑搭建可以远程访问的SFTP服务器

文章目录 1. 搭建SFTP服务器1.1 下载 freesshd 服务器软件1.3 启动SFTP服务1.4 添加用户1.5 保存所有配置 2. 安装SFTP客户端FileZilla测试2.1 配置一个本地SFTP站点2.2 内网连接测试成功 3. 使用cpolar内网穿透3.1 创建SFTP隧道3.2 查看在线隧道列表 4. 使用SFTP客户端&#x…...

编程日记 2023/8/22 2:07:05

批量修改文件名怎么操作？

批量修改文件名怎么操作&#xff1f;不管你使用电脑处理工作还是进行学习&#xff0c;都会在电脑中产生很多的文件&#xff0c;时间一久电脑里的文件更加杂乱无章&#xff0c;这时候如果不对电脑中的文件进行及时的管理&#xff0c;那么很可能出现文件丢失而你自己还发现不了的…...

编程日记 2023/8/22 2:06:04

【LeetCode】538.把二叉搜索树转换为累加树

题目 给出二叉 搜索 树的根节点&#xff0c;该树的节点值各不相同&#xff0c;请你将其转换为累加树&#xff08;Greater Sum Tree&#xff09;&#xff0c;使每个节点 node 的新值等于原树中大于或等于 node.val 的值之和。 提醒一下&#xff0c;二叉搜索树满足下列约束条件…...

编程日记 2023/8/22 2:05:02

linux 安装 kibana

首先下载 kibana https://www.elastic.co/cn/downloads/kibana 然后上传到linux /usr/local 目录下解压安装 修改config/kibana.yml 配置文件&#xff0c;将elasticsearch.hosts 然后再nginx 中做一个端口映射&#xff0c;实现在浏览器中输入后xxxx:5602 nginx 可以将请求转发…...

编程日记 2023/8/22 2:04:01

STM32入门——IIC通讯

江科大STM32学习记录 I2C通信 I2C&#xff08;Inter IC Bus&#xff09;是由Philips公司开发的一种通用数据总线两根通信线&#xff1a;SCL&#xff08;Serial Clock&#xff09;、SDA&#xff08;Serial Data&#xff09;同步&#xff0c;半双工带数据应答支持总线挂载多设备…...

编程日记 2023/8/22 2:03:00

DTC 19服务学习2

紧跟上篇 0x04 reportDTCSnapshotRecordByDTCNumber 通过DTC和快照序列来获取DTC快照记录。 适用以下假设&#xff1a; — 服务器支持存储给定 DTC 的两个 DTCSnapshot 记录的能力。 — 此示例假定是上一个示例的延续。 — 假设服务器请求服务器存储的 DTC 编号 123456 的两个…...

编程日记 2023/8/22 2:01:59

【腾讯云 TDSQL-C Serverless 产品体验】基于腾讯云轻量服务器以及 TDSQL-C 搭建 LNMP WordPress 博客系统

文章目录 一、前言二、数据库发展与云原生数据库2.1 数据库发展简介2.2 云原生数据库简介2.2.1 云数据库与云原生数据库区别 三、腾讯云 TDSQL-C 数据库3.1 什么是腾讯云 TDSQL-C 数据库3.2 为什么推出 TDSQL-C 数据库&#xff1f;传统 MySQL 架构存在较多痛点3.2.1 传统 MySQL…...

编程日记 2023/8/22 2:00:57

【vue3】对axios进行封装，方便更改路由并且可以改成局域网ip访问（附代码）

对axios封装是在main.js里面进行封装&#xff0c;因为main.js是一个vue项目的入口 步骤&#xff1a; 在1处创建一个axios实例为http&#xff0c;baseURL是基础地址&#xff08;根据自己的需求写&#xff09;&#xff0c;写了这个在vue界面调用后端接口时只用在post请求处写路由…...

编程日记 2023/8/22 1:59:55

Java IO流（三）线程模型

传统阻塞I/O模式 其中黄色框表示对象,蓝色框表示线程,白色框表示API方法 特点 采用阻塞IO模式获取输入数据每个连接都需要独立的线程完成数据的输入,业务处理和处理结果数据返回 潜在问题 并发数很大时,需要对应每个连接请求创建一个线程,所以占用资源很大连接创建后,若当前…...

编程日记 2023/8/22 1:58:54

string(模拟实现与深拷贝)

目录 深拷贝与浅拷贝 浅拷贝&#xff1a; 深拷贝 写时拷贝(了解) 模拟实现 准备 完整代码 深拷贝与浅拷贝 浅拷贝&#xff1a; 也称位拷贝&#xff0c;编译器只是将对象中的值拷贝过来。如果对象中管理资源&#xff0c;最后就会导致多个对象共享同一份资源&#xff0c;当一…...

编程日记 2023/8/22 1:57:53

5.Vue_Element

文章目录 1 Ajax1.1 Ajax介绍1.1.1 Ajax概述1.1.2 Ajax作用1.1.3 同步异步 1.2 Axios1.2.1 Axios的基本使用1.2.2 Axios请求方法的别名 2 前端工程化2.1 前端工程化特点2.2 Vue项目开发流程 3 Vue组件库Element3.1 Element介绍 1 Ajax 1.1 Ajax介绍 1.1.1 Ajax概述 Ajax: 全…...

编程日记 2023/8/22 1:56:52

链路追踪jaeger

这里的链路指的是客户端向服务发起一个请求&#xff0c;该请求所经过的路线&#xff0c;也可以说是该请求经过的流量 例如&#xff1a; 客户端发起一个下订单的请求其流量过程&#xff1a; request—>service—>order-web—>order_srv—>mysql—>order_srv—&…...

编程日记 2023/8/22 1:55:51

神经网络基础-神经网络补充概念-42-梯度检验

概念 梯度检验&#xff08;Gradient Checking&#xff09;是一种验证数值计算梯度与解析计算梯度之间是否一致的技术&#xff0c;通常用于确保实现的反向传播算法正确性。在深度学习中&#xff0c;通过梯度检验可以帮助验证你的神经网络模型是否正确地计算了梯度&#xff0c;从…...

编程日记 2023/8/22 1:54:50

＜kernel＞kernel 6.4 USB-之-hub_port_connect()分析

&#xff1c;kernel&#xff1e;kernel 6.4 USB-之-hub_port_connect()分析 kernel 6.4 USB系列文章如下&#xff1a; &#xff1c;kernel&#xff1e;kernel 6.4 USB-之-hub_event()分析 &#xff1c;kernel&#xff1e;kernel 6.4 USB-之-port_event()分析 &#xff1c;kern…...

编程日记 2023/8/22 1:53:48

linux驱动学习3-外部中断

在做中断试验时&#xff0c;发现中断驱动总是insmod失败&#xff0c;之后定位到 gpio_request 失败&#xff0c;之后是想到使用的野火做好的系统&#xff0c;在uEnv.txt中会加载大量设备树插件&#xff0c;将key相关的设备树插件屏蔽即可。 linux中断API函数 中断号 每个中断…...

编程日记 2023/8/22 1:52:47

vue中的canvas插件

vue中canvas插件有vue-konva、vue-fabricjs、vue-canvas-effect、vue-chartjs和vue-threejs等。详细介绍&#xff1a;1、vue-konva是一个用于在Vue.js中使用Konva.js的插件&#xff0c;Konva.js是一个功能强大的HTML5 2D 渲染引擎&#xff0c;可以用于创建交互式的Canvas应用程…...

编程日记 2023/8/22 1:51:45

分享图片 | 快速浏览网页资源，批量保存、一键分享图片

前言 小伙伴学习吉他&#xff0c;有时需要在互联网搜索曲谱资源&#xff0c;而多数曲谱均为图片&#xff0c;并且为多页&#xff0c;在电脑上显示练习很不方便&#xff0c;需要停下来点击鼠标进行翻页&#xff0c;影响练习的连贯性。 为了解决上述问题&#xff0c;通常把图片…...

编程日记 2023/8/22 1:50:44

Programming abstractions in C阅读笔记：p123-p126

《Programming Abstractions In C》学习第50天&#xff0c;p123-p126&#xff0c;总结如下&#xff1a; 一、技术总结 1.notaion 这也是一个在计算机相关书籍中出现的词&#xff0c;但有时却不是那么好理解&#xff0c;因为它可以指代很多对象&#xff0c;这里做一个记录。示…...

编程日记 2023/8/22 1:49:43

Windows安卓子系统终极指南：从基础配置到专业开发全流程

Windows安卓子系统终极指南&#xff1a;从基础配置到专业开发全流程 【免费下载链接】WSA Developer-related issues and feature requests for Windows Subsystem for Android 项目地址: https://gitcode.com/gh_mirrors/ws/WSA 想要在Windows 11上无缝运行安卓应用吗&…...

编程新知 2026/5/12 21:45:49

开源情报工具Openeir：自动化资产发现与关联分析实战指南

1. 项目概述&#xff1a;一个开源情报&#xff08;OSINT&#xff09;工具的诞生与使命 在信息爆炸的时代&#xff0c;数据本身不再是稀缺品&#xff0c;如何从海量、异构、碎片化的公开信息中&#xff0c;精准、高效地提取出有价值的情报&#xff0c;才是真正的挑战。无论是安全…...

编程新知 2026/5/12 21:40:51

音频变压器关键参数深度解析：Z值与最大电流的工程实践

音频变压器关键参数深度解析&#xff1a;Z值与最大电流的工程实践引言在专业音频系统、高保真音响以及工业信号隔离场景中&#xff0c;音频变压器始终扮演着不可替代的角色。它的核心使命是在保持信号完整性的同时&#xff0c;完成阻抗匹配、地环路隔离和信号平衡转换三大任务。…...

编程新知 2026/5/12 21:22:24

对lsof、tcpdump、strace命令的简单记录

1. lsof (List Open Files) —— “谁占用了资源&#xff1f;” 核心哲学&#xff1a;Linux 中一切皆文件&#xff08;包括磁盘文件、网络 Socket、设备&#xff09;。 常用操作&#xff1a;lsof -i :15000&#xff1a;查看指定端口的进程占用及连接状态&#xff08;LISTEN/EST…...

编程新知 2026/5/12 21:09:51

从ShareGPT项目拆解现代全栈开发：Next.js、Serverless与Chrome扩展实战

1. 项目概述与核心价值如果你和我一样&#xff0c;经常在ChatGPT里进行一些天马行空的对话&#xff0c;从构思一部科幻小说的世界观&#xff0c;到一步步推导一个复杂的编程问题&#xff0c;再到让它扮演苏格拉底和你辩论哲学&#xff0c;这些对话记录本身就是宝贵的数字资产。…...

编程新知 2026/5/12 20:30:56

AI智能体审批系统设计：从规则到价值网络的动态决策引擎

1. 项目概述&#xff1a;为什么AI需要“举手提问”&#xff1f;在AI智能体&#xff08;Agent&#xff09;日益深入业务流程自动化的今天&#xff0c;一个核心的、却常被忽视的问题浮出水面&#xff1a;这个拥有一定自主决策能力的“数字员工”&#xff0c;在什么情况下应该停下…...

编程新知 2026/5/12 20:11:44

深度学习在系外行星探测中的应用：ExoDNN框架解析与实践

1. 项目概述&#xff1a;当深度学习遇见星空系外行星探测&#xff0c;这个听起来就充满科幻感的领域&#xff0c;在过去二十年里彻底改变了我们对宇宙的认知。从最初通过“凌星法”和“径向速度法”发现几颗气态巨行星&#xff0c;到如今TESS、开普勒等太空望远镜的海量数据中&…...

编程新知 2026/5/12 19:41:07

终极指南：MobileAgent如何用AI智能体彻底改变跨平台自动化体验

终极指南&#xff1a;MobileAgent如何用AI智能体彻底改变跨平台自动化体验 【免费下载链接】MobileAgent Mobile-Agent: The Powerful GUI Agent Family 项目地址: https://gitcode.com/GitHub_Trending/mo/mobileagent 你是否曾经想过&#xff0c;如果有一个AI助手能够…...

编程新知 2026/5/12 17:56:40

为VS Code集成GPT-4V视觉能力：VisualChatGPTStudio实战指南

1. 项目概述&#xff1a;当ChatGPT“睁开双眼”如果你和我一样&#xff0c;是个重度依赖ChatGPT进行编程、文档撰写和头脑风暴的开发者&#xff0c;那你一定体验过它的强大与局限。它能写出漂亮的代码片段&#xff0c;解释复杂的概念&#xff0c;但当你指着屏幕上的一个错误说“…...

编程新知 2026/5/12 16:06:56

Claude Code 代码保存全攻略：告别丢失，高效管理开发成果

日常开发中&#xff0c;用 Claude Code 生成代码后&#xff0c;很多人都会遇到这些糟心事&#xff1a;生成的代码片段零散复制&#xff0c;换个会话就找不到&#xff1b;手动保存步骤繁琐&#xff0c;遗漏文件或格式错乱&#xff1b;切换不同 AI 模型时&#xff0c;代码记录无法…...

编程新知 2026/5/12 14:57:57