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

CSS设置鼠标样式和添加视频样式

news 2026/3/29 10:30:45

鼠标的样式

  • <div style="cursor: default">默认鼠标的样式</div><div style="cursor: pointer">小手样式</div><div style="cursor: move">移动样式</div><div style="cursor: text">文本样式</div><div style="cursor: not-allowed">禁止样式</div>

  • CSS用户界面样式

  • 轮廓线outline

  • <style>input , textarea {outline: none;//也可以去掉边框}textarea {resize: none;//将输出框的蓝线去掉}
</style>
<body>
<input type="text">
<textarea name="" id="" cols="30" rows="10"><textarea>//这样写文字部分顶格摆放
</body>

  • 使图片和文字对齐

  • vertical-align: baseline | top | middle | bottom

  • baseline 默认元素设置在父元素的基线上

  • top把元素的顶端与行中最高元素的顶端对齐

  • middle把元素放置父元素的中部

  • bottom把元素的顶端与行中最低的元素的顶端对齐

  • 这个用法限于行内和行内块

 

  • 添加视频样式

    • 在网页添加视频

    • 语法：< video src="文件地址" controls="controls" >< /video>

    • 兼容性;

    • < video width="302" height="240" controls>
<source src="影片的地址" type="video/mp4">
<source src="影片的地址" type="video/ogg">
</video>

  • 音频语法：< audio src="文件地址" controls="controls" >< /audio>

  • HTML5新增的表单属性

  • <style>input::placeholder {color: pink;}</style>
</head>
​
<body><form action=""><input type="search" name="" id="" required="required" placeholder="pink" autofocus="autofocus"><input type="submit" value="提交"></form>
    ​

相关文章：

CSS设置鼠标样式和添加视频样式

鼠标的样式 <div style"cursor: default">默认鼠标的样式</div><div style"cursor: pointer">小手样式</div><div style"cursor: move">移动样式</div><div style"cursor: text">文本样式&…...

编程日记 2023/10/11 15:59:06

项目文件上传到行云codeup teambition

接手公司好几年的老项目&#xff0c;在行云上已经有1.9G的大小所以被限制上传了 只有花钱扩容或者重新建库。 1.重新建库&#xff1a;登录你的行云账户在代码库中新建代码库&#xff08;网上有详细的&#xff09; 创建成功后的库中只有readme文件。 2.复制代码库的下载地址 …...

编程日记 2023/10/11 15:58:04

现货黄金和实物黄金有什么区别？

在黄金投资市场中&#xff0c;现货黄金和实物黄金都是两种比较受欢迎的黄金投资品种。想想越来越多人认识到黄金投资的重要性&#xff0c;那么要选择一个投资品种&#xff0c;应该选哪个黄金投资品种呢&#xff1f;下面我们就来讨论一下这两者有何区别&#xff0c;以及投资者应…...

编程日记 2023/10/11 15:57:03

/dev下没有video0这个文件(ubuntu无法打开摄像头）

文章目录 硬件问题一、查看虚拟机摄像头连接情况二、解决红色报错三、虚拟机硬件处理内容问题一、设备号二、视频格式问题硬件问题 一、查看虚拟机摄像头连接情况 报错详情 ERROR: cannot launch node of type [image_view/image_view]: image_view ROS path [0]=/opt/ros/m…...

编程日记 2023/10/11 15:55:01

mysql面试题32：MySQL数据库服务器性能分析的方法命令有哪些?

该文章专注于面试，面试只要回答关键点即可，不需要对框架有非常深入的回答，如果你想应付面试，是足够了，抓住关键点 面试官：MySQL数据库服务器性能分析的方法命令有哪些? MySQL数据库服务器性能分析的方法和命令有以下几种： EXPLAIN命令：用于分析查询语句的执行计划，…...

编程日记 2023/10/11 15:53:59

伦敦银最新价格能进吗？

不少新手的伦敦银投资者由于看不懂行情走势&#xff0c;在行情机会来临时总感觉患得患失&#xff0c;但由于又十分渴望在这个市场上实现收益&#xff0c;所以经常通过各种各样的方式方法和手段&#xff0c;希望行情走势什么时候会出现进场的机会。 可以肯定的是&#xff0c;伦敦…...

编程日记 2023/10/11 15:51:56

【计算机毕设案例推荐】洋州影院购票管理系统SpringBoot+Vue

前言&#xff1a;我是IT源码社&#xff0c;从事计算机开发行业数年&#xff0c;专注Java领域&#xff0c;专业提供程序设计开发、源码分享、技术指导讲解、定制和毕业设计服务 项目名 基于SpringBoot的洋州影院购票管理系统 技术栈 SpringBootVueMySQLMaven 文章目录 一、洋州…...

编程日记 2023/10/11 15:49:53

Java设计模式之模板方法模式

模板方法模式&#xff08;Template Method Pattern&#xff09;是一种行为型设计模式&#xff0c;它定义了一个算法骨架&#xff0c;将一些步骤的具体实现延迟到子类中。模板方法模式通过将共同的代码逻辑放在父类中&#xff0c;而将具体的实现细节留给子类来实现&#xff0c;从…...

编程日记 2023/10/11 15:48:52

MinIO的安装与使用

文章目录 1.MINIO是什么&#xff1f;2.MINIO安装3.启动脚本4.打开MINIO页面5.MC命令6.MINIO备份脚本 1.MINIO是什么&#xff1f; MinIO 是一款高性能、分布式的对象存储系统. 它是一款软件产品, 可以100%的运行在标准硬件。即X86等低成本机器也能够很好的运行MinIO。 MinIO与…...

编程日记 2023/10/11 15:47:52

“==”和equals的区别

总结几句话&#xff1a; 双等号始终是 1.基本数据类型&#xff1a;比较存储的值是否相等。 2.引用数据类型&#xff1a;比较所指对象的地址值是否相等。 equals 1.没有被重写过&#xff1a; 相当于&#xff1b;但是不能比较基本数据类型&#xff0c;比较的是引用对象的所指…...

编程日记 2023/10/11 15:46:51

QT - 对话框去掉标题栏问号

要去掉 Qt 对话框的标题栏上的问号图标&#xff0c;你可以使用 Qt::CustomizeWindowHint 标志来定制对话框的窗口样式。 以下是一个示例代码&#xff0c;演示如何去掉标题栏上的问号图标&#xff1a; #include <QDialog> #include <QDialogButtonBox> #include &…...

编程日记 2023/10/11 15:45:49

FPGA---UDP通信求助

项目场景&#xff1a; 使用UDP进行回环&#xff0c;网络调试助手&#xff0c;发送数据通过UDP接收模块接收&#xff0c;解析出数据&#xff0c;给到UDP发送模块&#xff0c;传回上位机。 问题描述 UDP接收模块中&#xff0c;接收到的CRC校验值与自己计算CRC校验值进行判断&am…...

编程日记 2023/10/11 15:43:47

RxJava介绍及基本原理

随着互联网的迅猛发展&#xff0c;Java已成为最广泛应用于后端开发的语言之一。而在处理异步操作和事件驱动编程方面&#xff0c;传统的Java多线程并不总是最佳选择。这时候&#xff0c;RxJava作为一个基于观察者模式、函数式编程和响应式编程理念的库&#xff0c;为我们提供了…...

编程日记 2023/10/11 15:41:45

nginx目录穿越

测试nginx版本为nginx/1.23.3 location /file {alias /home/;} 在/usr跟目录下新建a.txt测试文件 通过访问 http://{ip}:{端口}/file../test.txt 实现目录穿越 防护:location与alias的值都加上/或不加/...

编程日记 2023/10/11 15:40:44

stl String

构造函数 表达式 效果 string s 生成一个空的 string s string s(str) Copy 构造函数&#xff0c;创建一个 string str 的拷贝 string s(rvStr) Move 构造函数&#xff0c;创建一个 string 并将 rvStr 的内容搬移给 s string s(str,stridx) 将 string str 内“始于位置…...

编程日记 2023/10/11 15:39:43

java通过ffmpeg将wav音频文件转广播音频编码-G.711文件发送

1.直接将wav文件转g711 [ffmpeg.exe -i F:\\tt\\2.wav -f s16le -ar 8k -ac 1 -acodec pcm_s16le F:\\tt\\2pcm.g711] String cmdFfmpeg = "ffmpeg -i "+localUrl...

编程日记 2023/10/11 15:37:40

【Spring】Springmvc执行流程

介绍 SpringMVC是一种基于Spring实现了Web MVC设计模式的请求驱动类型的轻量级Web框架&#xff0c;使用了MVC的架构模式思想&#xff0c;将Web层进行指责解耦&#xff0c;并管理应用所需的生命周期&#xff0c;为简化日常开发&#xff0c;提供了很大便利。 组件 组件Dispatche…...

编程日记 2023/10/11 15:36:39

游戏软件开发与应用软件开发有什么不同呢？

游戏软件开发和应用软件开发是两种不同类型的软件开发&#xff0c;它们在许多方面都有不同之处。以下是它们之间的一些主要区别&#xff1a; 目标用户群体&#xff1a; 游戏软件开发的主要目标是提供娱乐和休闲体验&#xff0c;通常面向广大的游戏玩家群体。游戏软件的设计和开…...

编程日记 2023/10/11 15:35:37

绥化市中心广场焕发新活力：OLED透明拼接屏的奇观展示

OLED透明拼接屏技术在绥化城市的应用引起了广泛关注。 绥化市位于中国东北地区&#xff0c;是黑龙江省的一个重要城市。 该市拥有悠久的历史&#xff0c;历经多个朝代的兴衰。绥化的历史背景赋予了这座城市独特的文化底蕴和魅力。 绥化市内有许多著名景点&#xff0c;其中最…...

编程日记 2023/10/11 15:34:36

JavaScript(CSS)动画引擎汇总

汇总记录前端实现动画相关的库 1、animejs animejs是一个轻量级的JavaScript动画库&#xff0c;具有简单但功能强大的API。 它适用于CSS属性&#xff0c;SVG&#xff0c;DOM属性和JavaScript对象。 官网anime.js • JavaScript animation engine anime.js - a Collection by…...

编程日记 2023/10/11 15:33:35

Coze-Loop与Vue3前端性能优化：渲染速度提升方案

Coze-Loop与Vue3前端性能优化&#xff1a;渲染速度提升方案 1. 为什么Vue3项目需要Coze-Loop来诊断性能问题 在实际开发中&#xff0c;很多团队都遇到过这样的困惑&#xff1a;明明代码写得挺规范&#xff0c;但页面滚动卡顿、列表加载缓慢、交互响应迟滞。我们曾接手一个电商…...

编程新知 2026/3/29 8:17:41

Wan2.1-UMT5一键部署教程：基于Python的AI视频生成WebUI快速搭建

Wan2.1-UMT5一键部署教程&#xff1a;基于Python的AI视频生成WebUI快速搭建 你是不是也对那些能根据文字描述生成视频的AI工具感到好奇&#xff1f;想自己动手搭建一个来玩玩&#xff0c;但又担心过程太复杂&#xff0c;被各种环境配置和依赖问题劝退&#xff1f; 别担心&…...

编程新知 2026/3/29 7:11:22

如何通过CPUDoc免费优化CPU性能：5大核心功能全面指南

如何通过CPUDoc免费优化CPU性能&#xff1a;5大核心功能全面指南 【免费下载链接】CPUDoc 项目地址: https://gitcode.com/gh_mirrors/cp/CPUDoc 还在为电脑运行卡顿、游戏帧率不稳而烦恼吗&#xff1f;CPUDoc这款免费开源工具能够通过智能线程调度和动态电源管理&…...

编程新知 2026/3/29 6:40:45

智能仓储环境监控避坑指南：51单片机系统常见问题与解决方案

智能仓储环境监控避坑指南&#xff1a;51单片机系统常见问题与解决方案 在工业4.0时代&#xff0c;智能仓储系统的稳定运行直接关系到企业供应链效率。作为核心控制单元&#xff0c;51单片机以其高性价比和成熟生态&#xff0c;在中小型仓储环境监控中占据重要地位。然而实际部…...

编程新知 2026/3/29 4:45:23

AI辅助web开发新体验：让快马智能生成实时Markdown编辑器应用

今天想和大家分享一个特别实用的开发体验——用AI辅助快速构建一个实时Markdown编辑器。作为一个经常需要写技术文档的开发者&#xff0c;我一直希望能有个简洁高效的编辑器工具&#xff0c;这次尝试用InsCode(快马)平台的AI能力来实现这个需求&#xff0c;整个过程出乎意料的顺…...

编程新知 2026/3/29 4:37:20

5个必知技巧：快速掌握Hearthstone-Script提升炉石传说游戏体验

5个必知技巧&#xff1a;快速掌握Hearthstone-Script提升炉石传说游戏体验 【免费下载链接】Hearthstone-Script Hearthstone script&#xff08;炉石传说脚本&#xff09;&#xff08;2024.01.25停更至国服回归&#xff09; 项目地址: https://gitcode.com/gh_mirrors/he/He…...

编程新知 2026/3/29 4:19:03

Comsol 仿真纳米孔超表面的手性响应：探索微观世界的光学奥秘

comsol仿真纳米孔超表面的手性响应在光学领域&#xff0c;超表面以其独特的亚波长结构展现出对光的卓越操控能力&#xff0c;而手性超表面更是其中的璀璨明珠&#xff0c;能够对不同旋向的圆偏振光产生特异响应。今天咱们就来聊聊如何用 Comsol 对纳米孔超表面的手性响应进行仿…...

编程新知 2026/3/29 3:42:47

飞书文档转Markdown效率低下？Cloud Document Converter实现2分钟精准转换提升75%工作效率

飞书文档转Markdown效率低下&#xff1f;Cloud Document Converter实现2分钟精准转换提升75%工作效率 【免费下载链接】cloud-document-converter Convert Lark Doc to Markdown 项目地址: https://gitcode.com/gh_mirrors/cl/cloud-document-converter 在企业文档管理场…...

编程新知 2026/3/29 3:08:31

Go 并发编程的常见陷阱

Go语言凭借轻量级协程和高效的并发模型&#xff0c;成为高并发场景的热门选择。其简洁的并发语法背后隐藏着诸多陷阱&#xff0c;稍有不慎就会引发数据竞争、死锁等问题。本文将剖析三个典型并发陷阱&#xff0c;帮助开发者避开暗礁&#xff0c;写出健壮的并发程序。**共享变量…...

编程新知 2026/3/29 2:01:47

Wandb账号串线了？手把手教你排查和修复‘实验记录跑到别人账户’的坑

Wandb账号串线排查指南&#xff1a;如何避免实验记录跑到他人账户 实验室的GPU服务器指示灯闪烁着&#xff0c;你刚提交的模型训练任务在终端显示"Run completed successfully"&#xff0c;但刷新了十几次Wandb面板——那些期待中的损失曲线和评估指标依然不见踪影。…...

编程新知 2026/3/29 1:43:34