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

css3

news 2026/4/24 22:45:37

基础

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>style</title><!-- link（外部样式）和style（内部样式）优先级相同，重复写会覆盖 --><link rel="stylesheet" href="main.css"/><style>/* 标签选择器 */h1 {background-color: aquamarine;/* !important 表示优先级最高 */color: black !important;}/* 类选择器 */.class1{color: red;}/* id选择器 */#id1{color: blue;}/* 后代选择器：#id2内所有的p标签 */#id2 p{color: royalblue;}/* 子代选择器：#id2的第一级子标签 */#id2 > p{text-decoration-line: underline;}/* 伪类选择器：需要有a的选择器 */a{}/* 鼠标置于a标签，颜色改变 */a:hover {color: red;}a:link{color: yellow;}a:visited{color: green;}a:active{color: blue;}body{background-color: aliceblue;background-image: url("../img/demo2.png");background-repeat: no-repeat;background-size: 200px 200px;/* 背景固定 */background-attachment: fixed;/* 背景随滚动条滚动 *//* background-attachment: scroll; */background-position-x: center;background-position-y: center;/* xy轴占比 */background-position: 10% 10%;}span{/* font-size: 20px;font-family: "Microsoft YaHei UI";font-weight: bold;font-style: italic; *//* 连写要注意顺序 */font: italic bold 30px "Microsoft YaHei UI";}p{font-size: 16px;width: 120px;color: crimson;line-height: 24px;/* 缩进 */text-indent: 1em;}</style></head><body><!-- 行内样式优先级高于内部样式 --><h1 style="background-color: aqua; text-align: center;">111</h1><h1 class="class1">222</h1><h1 id="id1">333</h1><div id="id2"><p>p1</p><div><p>p2</p></div></div><a href="">百度</a></body>
</html>

计时器

<h1 id="clock"></h1>
<script>const formatTime = n => n < 10 ? '0' + n : n;function updateClock(){const date = new Date();const hours = formatTime(date.getHours());const minutes = formatTime(date.getMinutes());const seconds = formatTime(date.getSeconds());const clock = document.getElementById("clock");clock.textContent = `${hours}:${minutes}:${seconds}`;}setInterval(updateClock,1000);
</script>

相关文章：

css3

基础 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>style</title><!-- link&#xff08;外部样式&#xff09;和style&#xff08;内部样式&#xff09;优先级相同&#xff0c;重复写会覆盖 --><link re…...

编程日记 2023/11/24 21:36:56

超级应用平台（HAP）起航

各位明道云用户和伙伴&#xff0c; 今天&#xff0c;我们正式发布明道云10.0版本。从这个版本开始&#xff0c;我们将产品名称正式命名为超级应用平台&#xff08;Hyper Application Platform, 简称HAP&#xff09;。我们用“超级”二字表达产品在综合能力方面的突破&#xff…...

编程日记 2023/11/24 21:35:55

cocos2dx ​​Animate3D（二）

Twirl 扭曲旋转特效 // 持续时间(时间过后不会回到原来的样子) // 整个屏幕被分成几行几列 // 扭曲中心位置 // 扭曲的数量 // 振幅 static Twirl* create(float duration, const Size& gridSize, const Vec2& position, unsigned int twirls, float amplitude)…...

编程日记 2023/11/24 21:34:54

基于java技术的社区交易二手平台

基于java技术的社区交易二手平台的设计与实现 &#xff08;一&#xff09;开发背景 随着因特网的日益普及与发展&#xff0c;更多的人们开始通过因特网来寻求便利。但是&#xff0c;许多人都觉得网上商店里的东西不贵。所以&#xff0c;有些顾客宁愿去那些用二次定价建立起来的…...

编程日记 2023/11/24 21:33:53

（Matalb回归预测）GA-BP遗传算法优化BP神经网络的多维回归预测

目录 一、程序及算法内容介绍&#xff1a; 基本内容&#xff1a; 亮点与优势&#xff1a; 二、实际运行效果&#xff1a; 三、部分代码&#xff1a; 四、分享本文全部代码数据说明手册&#xff1a; 一、程序及算法内容介绍&#xff1a; 基本内容&#xff1a; 本代码基于M…...

编程日记 2023/11/24 21:32:52

【Docker】从零开始：10.registry搭建私有仓库

【Docker】从零开始&#xff1a;10.registry搭建私有仓库 为什么要使用私有仓库关于Docker Registry基于容器搭建registry私有仓库1.下载镜像2. 启动镜像3.修改系统配置文件4.下载ubuntu镜像&#xff0c;修改名称3.提交镜像4.查看镜像 本地搭建私有仓库(目前编译报错找不到包&a…...

编程日记 2023/11/24 21:30:50

树莓派上使用Nginx通过内网穿透实现无公网IP访问内网本地站点

前言 安装 Nginx&#xff08;发音为“engine-x”&#xff09;可以将您的树莓派变成一个强大的 Web 服务器&#xff0c;可以用于托管网站或 Web 应用程序。相比其他 Web 服务器&#xff0c;Nginx 的内存占用率非常低&#xff0c;可以在树莓派等资源受限的设备上运行。同时结合c…...

编程日记 2023/11/24 21:29:49

长征故事vr互动教育体验系统让师生感同身受

红色文化是贯穿于新民主主义革命、社会主义建设的各个时期&#xff0c;具有深厚的历史价值和文化内涵的先进文化&#xff0c;是高效、优质的教育资源。思政课vr红色数字展馆充分开发和大力弘扬红色文化资源&#xff0c;发挥其独特资源优势和教育功能&#xff0c;应用到教学中&a…...

编程日记 2023/11/24 21:28:49

汽车级芯片NCV7518MWATXG 可编程六沟道低压侧 MOSFET预驱动器 特点、参数及应用

NCV7518MWATXG 可编程六沟道低压侧 MOSFET 预驱动器属于 FLEXMOS™ 汽车级产品&#xff0c;用于驱动逻辑电平 MOSFET。该产品可通过串行 SPI 和并行输入组合控制。该器件提供 3.3 V/5 V 兼容输入&#xff0c;并且串行输出驱动器可以采用 3.3 V 或 5 V 供电。内部通电重置提供受…...

编程日记 2023/11/24 21:27:48

【分布式】小白看Ring算法 - 03

相关系列 【分布式】NCCL部署与测试 - 01 【分布式】入门级NCCL多机并行实践 - 02 【分布式】小白看Ring算法 - 03 【分布式】大模型分布式训练入门与实践 - 04 概述 NCCL&#xff08;NVIDIA Collective Communications Library&#xff09;是由NVIDIA开发的一种用于多GPU间…...

编程日记 2023/11/24 21:26:43

使用Git bash切换Gitee、GitHub多个Git账号

Git是分布式代码管理工具&#xff0c;使用命令行的方式提交commit、revert回滚代码。这里介绍使用Git bash软件来切换Gitee、GitHub账号。     假设在gitee.com上的邮箱是alicefoxmail.com 、用户名为alice&#xff1b;在github上的邮箱是bobfoxmail.com、用户名为bob。 账号…...

编程日记 2023/11/24 21:25:43

【RtpRtcp】1： webrtc m79：audio的ChannelReceive 创建并使用

m79中，RtpRtcp::Create 的调用很少 不知道谁负责创建ChannelReceiveclass ChannelReceive : public ChannelReceiveInterface,public MediaTransportAudioSinkInterface {接收编码后的音频帧：接收rtcp包：...

编程日记 2023/11/24 21:24:42

Ubuntu系统安装docker

1.检查是否安装老版本 检查卸载老版本docker ubuntu下自带了docker的库&#xff0c;不需要添加新的源。 但是ubuntu自带的docker版本太低&#xff0c;需要先卸载旧的再安装新的。 apt-get remove docker docker-engine docker.io containerd runc 如果不能正常卸载&#x…...

编程日记 2023/11/24 21:23:41

如何访问linux上的web服务

1.获取服务运行端口 例如8080 2.如果时vmware 需要先配置转发端口和主机ip 主机ip需要未使用的 例如&#xff1a; 3.查看虚拟机防火墙设置 centos8 为例 &#xff1a; firewall-cmd --zonepublic --list-ports 查看放通端口 如果没有放通 firewall-cmd --zonepublic --add-p…...

编程日记 2023/11/24 21:22:39

Vatee万腾的数字化掌舵：Vatee科技解决方案的全面引领

随着数字化时代的到来&#xff0c;Vatee万腾凭借其卓越的科技实力和全面的解决方案&#xff0c;成功地在数字化探索的航程中掌舵引领。 首先&#xff0c;Vatee万腾以其强大的数字化科技实力成为行业的引领者。vatee万腾不仅在人工智能、大数据分析、云计算等前沿领域取得了显著…...

编程日记 2023/11/24 21:21:38

YOLOv5 第Y6周 模型改进

&#x1f368; 本文为[&#x1f517;365天深度学习训练营学习记录博客 &#x1f366; 参考文章&#xff1a;365天深度学习训练营 &#x1f356; 原作者&#xff1a;[K同学啊] &#x1f680; 文章来源&#xff1a;[K同学的学习圈子](https://www.yuque.com/mingtian-fkmxf/zxwb4…...

编程日记 2023/11/24 21:20:37

Unity Android FireBase bugly报错查询

报错如下图&#xff0c;注意&#xff0c;标红的三处 使用的il2cpp和架构是arm64-v8a 那我们就可以根据这些去找对应的符号表&#xff0c;在unity安装目录下 Unity2020.3.33f1\Editor\Data\PlaybackEngines\AndroidPlayer\Variations\il2cpp\Release\Symbols\arm64-v8a 找到l…...

编程日记 2023/11/24 21:19:36

React中如何解决点击＜Tree＞节点前面三角区域不触发onClick事件

React中如何解决点击节点前面三角区域不触发onClick事件&#xff0c;如何区别‘左边’和‘右边’区域点击逻辑呢&#xff1f;&#xff08;Tree引用开源组件TDesign&#xff09; 只需要在onClick里面加限制一下就行&#xff1a; <TreeexpandMutexactivabletransitiondata{t…...

编程日记 2023/11/24 21:18:34

如何利用4G路由器构建茶饮连锁店物联网

随着年轻消费群体的增长&#xff0c;加上移动互联网营销的助推&#xff0c;各类新式奶茶消费风靡大街小巷&#xff0c;也促进了品牌奶茶连锁店的快速扩张。 在店铺快速扩张的局势下&#xff0c;品牌总部对于各间连锁店的零售统计、营销规划、物流调配、卫生监测、安全管理等事务…...

编程日记 2023/11/24 21:17:33

【2024系统架构设计】 系统架构设计师第二版-大数据架构理论设计与实践

目录 1 传统数据库的数据过载问题 2 大数据处理系统 3 Lambda架构 4 Kappa架构...

编程日记 2023/11/24 21:16:32

超维计算与DECOHD：高维向量压缩技术解析

1. 超维计算基础与DECOHD创新概述超维计算&#xff08;Hyperdimensional Computing, HDC&#xff09;是一种革命性的计算范式&#xff0c;它利用高维空间&#xff08;通常维度D在1,000-10,000之间&#xff09;的数学特性来实现高效的信息表示和处理。与传统机器学习方法不同&am…...

编程新知 2026/4/24 22:21:31

DeerFlow快速上手：Docker部署详解，10分钟搭建完整研究环境

DeerFlow快速上手&#xff1a;Docker部署详解&#xff0c;10分钟搭建完整研究环境 1. 认识DeerFlow研究助理 DeerFlow是一个开源的深度研究辅助框架&#xff0c;它整合了语言模型、网络搜索、代码执行等多种能力&#xff0c;能够帮助用户快速完成复杂的研究任务。这个框架特别…...

编程新知 2026/4/24 22:01:02

Livox激光雷达数据融合实战：将CustomMsg点云转为PointCloud2并与IMU数据同步录包

Livox激光雷达数据融合实战&#xff1a;从CustomMsg到PointCloud2的完整工程化解决方案 在机器人感知系统的开发中&#xff0c;多传感器数据融合是构建稳定环境认知的基础。Livox激光雷达以其独特的非重复扫描模式和性价比优势&#xff0c;在自动驾驶、移动机器人等领域获得广泛…...

编程新知 2026/4/24 21:21:20

告别命令行恐惧：图形界面如何让M3U8视频下载变得像点外卖一样简单？

告别命令行恐惧&#xff1a;图形界面如何让M3U8视频下载变得像点外卖一样简单&#xff1f; 【免费下载链接】N_m3u8DL-CLI-SimpleG N_m3u8DL-CLIs simple GUI 项目地址: https://gitcode.com/gh_mirrors/nm3/N_m3u8DL-CLI-SimpleG 你是否曾经面对密密麻麻的命令行参数感…...

编程新知 2026/4/24 20:54:35

智能体系统设计模式：从ReAct到多智能体协作

1. 智能体系统设计模式入门指南在构建基于人工智能的智能体系统时&#xff0c;设计模式的选择直接决定了系统的可靠性、可扩展性和可维护性。就像建筑设计师需要掌握结构力学原理一样&#xff0c;AI工程师也需要理解这些经过验证的设计范式。本文将带你系统掌握七种核心设计模式…...

编程新知 2026/4/24 19:41:03

Qwen3.5-2B模型在Keil5嵌入式开发中的实战应用

Qwen3.5-2B模型在Keil5嵌入式开发中的实战应用 1. 嵌入式开发的智能助手时代 作为一名嵌入式开发工程师&#xff0c;你是否经常遇到这样的场景&#xff1a;深夜调试代码时卡在一个寄存器配置问题上&#xff0c;翻遍手册却找不到明确答案&#xff1b;或者面对一个新的外设驱动…...

编程新知 2026/4/24 19:07:22

3种格式一键转换：浏览器图片格式转换终极解决方案

3种格式一键转换&#xff1a;浏览器图片格式转换终极解决方案 【免费下载链接】Save-Image-as-Type Save Image as Type is an chrome extension which add Save as PNG / JPG / WebP to the context menu of image. 项目地址: https://gitcode.com/gh_mirrors/sa/Save-Image…...

编程新知 2026/4/24 17:48:02

从Fritzing画图到Proteus仿真：手把手带你完成一个Arduino光控小项目的完整工作流

从Fritzing到Proteus&#xff1a;Arduino光控项目全流程实战指南 当你第一次尝试将创意转化为实际电路时&#xff0c;是否曾被不同工具间的切换困扰&#xff1f;Fritzing的直观与Proteus的专业如何无缝衔接&#xff1f;本文将带你完整走通从原型设计到仿真验证的全流程&#xf…...

编程新知 2026/4/24 17:27:25

Android Studio布局编辑器偷懒技巧：用Guideline和圆形定位快速实现复杂UI

Android Studio布局编辑器进阶技巧&#xff1a;Guideline与圆形定位实战指南 在移动应用界面设计中&#xff0c;非标准布局往往需要开发者投入大量时间计算坐标位置。传统解决方案要么依赖嵌套视图组导致性能损耗&#xff0c;要么需要手动编写复杂的定位逻辑。ConstraintLayout…...

编程新知 2026/4/24 17:23:22

科学解码风水禁忌：卧室厨房的5个致命错误布局（含实测数据）

现代家居风水实证&#xff1a;5个科学验证的布局禁忌与改造方案 引言&#xff1a;当传统智慧遇上现代科技 清晨的阳光透过窗帘缝隙洒进卧室&#xff0c;你是否想过床头朝向会影响整夜的睡眠质量&#xff1f;开放式厨房里飘散的油烟&#xff0c;除了困扰呼吸道&#xff0c;还可能…...

编程新知 2026/4/24 16:49:33