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

【HTML+CSS+JS+VUE】web前端教程-31-css3新特性

news 2026/5/31 6:27:49

圆角
在这里插入图片描述

        div{width: 100px;height: 100px;background-color: saddlebrown;border-radius: 5px;}

在这里插入图片描述
阴影
在这里插入图片描述

        div{width: 200px;height: 100px;background-color: saddlebrown;margin: 0 auto;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);}

在这里插入图片描述

相关文章：

【HTML+CSS+JS+VUE】web前端教程-31-css3新特性

圆角 div{width: 100px;height: 100px;background-color: saddlebrown;border-radius: 5px;}阴影 div{width: 200px;height: 100px;background-color: saddlebrown;margin: 0 auto;box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);}...

编程日记 2025/1/14 23:44:07

力扣264. 丑数 II

给你一个整数 n ，请你找出并返回第 n 个 丑数 。丑数 就是质因子只包含 2、3 和 5 的正整数。 //用一个数组来保存第1到第n个丑数 //一个丑数必须是乘以较小的丑数的 2、3 或 5来得到。 //使用三路合并方法：L2、L3 和 L5三个指针遍历2、3、5倍的丑数序列…...

编程日记 2025/1/14 23:43:01

计算机网络之---TCP连接管理

TCP连接管理 TCP（传输控制协议）是面向连接的协议，在数据传输之前需要建立连接，在数据传输完成后需要断开连接。TCP连接的建立和断开都遵循特定的规则，分别称为三次握手（Three-Way Handshake）和四…...

编程日记 2025/1/14 23:41:55

《CPython Internals》阅读笔记：p118-p150

《CPython Internals》学习第 8 天，p118-p150 总结，总计 33 页。 一、技术总结 补充一些本人整理的关于 Context-Free Grammar(CFG) 的知识。 1.symbol(符号) A mathematical symbol is a figure or a combination of figures that is used to repre…...

编程日记 2025/1/14 23:36:46

C/C++ 数据结构与算法【排序】 常见7大排序详细解析【日常学习，考研必备】带图+详细代码

常见7种排序算法 冒泡排序（Bubble Sort）选择排序（Selection Sort）插入排序（Insertion Sort）希尔排序（Shell Sort）归并排序（Merge Sort）快速排序（…...

编程日记 2025/1/14 23:32:38

三只松鼠携手爱零食，社区零售新高峰拔地而起

合纵连横，这是当前零售行业发展的一个主旋律。从商超之王胖东来的全国调改，到社区零售正在进行的渠道变革，竞争的激烈和商业模式的升级令人目不暇接。 量贩零食赛道在过去一年就是如此，有杀伐，有并购，刀光…...

编程日记 2025/1/14 23:30:33

Java聊天小程序

拟设计一个基于 Java 技术的局域网在线聊天系统，实现客户端与服务器之间的实时通信。系统分为客户端和服务器端两类，客户端用于发送和接收消息，服务器端负责接收客户端请求并处理消息。客户端通过图形界面提供用户友好的操作界面，服务器端监听多个客户端的连接并管理消息通…...

编程日记 2025/1/14 23:26:29

Kibana操作ES基础

废话少说，开干！！！！！！！！！！！！截图更清晰，复制在下面 #库操作#创建索引【相当于数据库的库】 PUT /first_index#获…...

编程日记 2025/1/14 23:23:23

MYSQL8创建新用户报错：You have an error in your SQL syntax；check...

本文所用——MYSQL版本：8.0.25 baidu都是直接创建新用户并赋权，如下： GRANT ALL PRIVILEGES ON *.* TO 用户名% IDENTIFIED BY 密码 WITH GRANT OPTION;但是我用的MYSQL版本它就不行，会报错！ 经查阅资料发现——MY…...

编程日记 2025/1/14 23:22:22

动漫周边商城系统｜Java｜SSM｜VUE｜ 前后端分离

【技术栈】 1⃣️：架构: B/S、MVC 2⃣️：系统环境：Windowsh/Mac 3⃣️：开发环境：IDEA、JDK1.8、Maven、Mysql5.7 4⃣️：技术栈：Java、Mysql、SSM、Mybatis-Plus、VUE、jquery,html 5⃣️数据库…...

编程日记 2025/1/14 23:20:20

Vue 3 Diff 算法受 `v-for` 循环中的 `key` 属性影响

Vue 3 的 Diff 算法会受到 v-for 循环中的 key 属性的影响，key 的选择直接关系到 Diff 算法的效率和最终的 DOM 更新结果。 key 的作用 在 Vue 中，key 是一种标识，它用于唯一标记每个虚拟 DOM 节点。Diff 算法会根据 key 判断新旧节点是否是…...

编程日记 2025/1/14 23:18:17

江科大STM32入门——看门狗笔记整理

wx：嵌入式工程师成长日记 （一）简介 WDG(Watchdog)看门狗看门狗可以监控程序的运行状态，当程序因为设计漏洞（无法预料）、硬件故障、电磁干扰等原因，出现卡死或跑飞现象时，看门狗能及…...

编程日记 2025/1/14 23:14:13

【计算机网络】lab7 TCP协议

🌈 个人主页：十二月的猫-CSDN博客 🔥 系列专栏： 🏀计算机网络_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光 目录 1. 实验目的…...

编程日记 2025/1/14 23:13:08

计算机视觉：解锁未来智能世界的钥匙

计算机视觉：解锁未来智能世界的钥匙 在信息技术飞速发展的今天，计算机视觉作为人工智能领域的一个重要分支，正以前所未有的速度改变着我们的生活与工作方式。它使机器能够“看”并理解图像和视频中的信息，为自动驾驶、医疗影像分…...

编程日记 2025/1/14 23:12:05

Java的Stream流和Option类

1. Stream 流 背景 Stream是Java 8引入的一个用于处理集合（或其他数据源）中的元素的API。它提供了一种声明式的方式来处理数据，并可以链式调用。Stream支持惰性求值，也支持并行流处理。 1.1 创建 Stream 创建一个Stream可以通…...

编程日记 2025/1/14 23:09:01

深入理解ASP.NET Core 管道的工作原理

在 .NET Core 中，管道（Pipeline）是处理 HTTP 请求和响应的中间件组件的有序集合。每个中间件组件都可以对请求进行处理，并将其传递给下一个中间件组件，直到请求到达最终的处理程序。管道的概念类似于流水线&#xff0c…...

编程日记 2025/1/14 23:08:00

多模态论文笔记——CLIP

大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍这几年AIGC火爆的隐藏功臣，多模态模型：CLIP。 文章目录 CLIP（Contrastive Language-Image Pre-training&#xff09…...

编程日记 2025/1/14 23:06:59

brpc之baidu_protocol

简介 是brpc默认使用的协议 初始化 Protocol baidu_protocol { ParseRpcMessage,SerializeRequestDefault, PackRpcRequest,ProcessRpcRequest, ProcessRpcResponse,VerifyRpcRequest, NULL, NULL,CONNECTION_TYPE_ALL, "baidu_std" };协议定义 定义在baidu_rpc…...

编程日记 2025/1/14 22:59:50

LeetCode：39. 组合总和

跟着carl学算法，本系列博客仅做个人记录，建议大家都去看carl本人的博客，写的真的很好的！ 代码随想录 LeetCode：39. 组合总和 给你一个 无重复元素 的整数数组 candidates 和一个目标整数 target ，找出 cand…...

编程日记 2025/1/14 22:51:41

SOLID原则学习，开闭原则（Open Closed Principle, OCP）

文章目录 1. 定义2. 开闭原则的详细解释3. 实现开闭原则的方法4. 总结 1. 定义 开闭原则（Open-Closed Principle，OCP）是面向对象设计中的五大原则（SOLID）之一，由Bertrand Meyer提出。开闭原则的核心思想是…...

编程日记 2025/1/14 22:48:38

Spring Security OAuth2 /oauth/token 401原因与Content-Type规范

1. 问题现场还原：一个看似简单却让开发停摆两小时的/oauth/token请求刚接手一个老项目做安全加固，第一件事就是验证OAuth2密码模式的token获取流程。我照着文档写了一条curl命令：curl -X POST http://localhost:8080/oauth/token回车执行&…...

编程新知 2026/5/25 22:38:33

如何扩展GASShooter：添加新武器、新能力与新游戏机制的终极指南

如何扩展GASShooter：添加新武器、新能力与新游戏机制的终极指南 【免费下载链接】GASShooter Advanced FPS/TPS Sample Project for Unreal Engine 4s GameplayAbilitySystem plugin 项目地址: https://gitcode.com/gh_mirrors/ga/GASShooter GASShooter是Un…...

编程新知 2026/5/25 18:01:44

观察Token消耗明细，Taotoken用量看板如何帮助控制预算

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 观察Token消耗明细，Taotoken用量看板如何帮助控制预算 对于个人开发者或项目管理者而言，在使用大模型API时…...

编程新知 2026/5/25 17:15:18

Safe Exam Browser虚拟机绕过实战：深度解析与安全研究指南

Safe Exam Browser虚拟机绕过实战：深度解析与安全研究指南 【免费下载链接】safe-exam-browser-bypass A VM and display detection bypass for SEB. 项目地址: https://gitcode.com/gh_mirrors/sa/safe-exam-browser-bypass 在数字化教育快速发展的今天&…...

编程新知 2026/5/25 15:39:42

白嫖Codex！一行代码不花接入国产DeepSeek-v4-pro，从此告别ChatGPT月费

Codex 如何接入国产模型 DeepSeek-v4-pro 保姆级教程 使用 Claude Code、Codex 已经好几个月了，不得不感叹现在的 AI 工具真的太强大了。目前市面上很多 Claude Code 如何接入大模型的教程，但 Codex 却比较少，一方面因为 Codex 需要 ChatGPT …...

编程新知 2026/5/25 15:21:14

开发者在构建多模态AI应用时如何借助TaoToken简化模型集成

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 开发者在构建多模态AI应用时如何借助TaoToken简化模型集成 构建一个集成了文本、图像等多模态能力的AI应用，开发者常常…...

编程新知 2026/5/25 14:27:48

3个核心问题：如何突破Cursor AI的使用限制并持续获得Pro功能体验？

3个核心问题：如何突破Cursor AI的使用限制并持续获得Pro功能体验？ 【免费下载链接】cursor-free-vip [Support 0.45]（Multi Language 多语言）自动注册 Cursor Ai ，自动重置机器ID ， 免费升级使用Pro 功能: …...

编程新知 2026/5/25 14:23:42

告别AWCC臃肿：AlienFX Tools终极轻量级Alienware控制方案

告别AWCC臃肿：AlienFX Tools终极轻量级Alienware控制方案 【免费下载链接】alienfx-tools Alienware systems lights, fans, and power control tools and apps 项目地址: https://gitcode.com/gh_mirrors/al/alienfx-tools 你是否厌倦了Alienware Command C…...

编程新知 2026/5/25 10:18:32

哔哩漫游X：全面解锁B站功能的终极ReVanced增强模块

哔哩漫游X：全面解锁B站功能的终极ReVanced增强模块 【免费下载链接】BiliRoamingX-integrations BiliRoamingX integrations and patches powered by ReVanced. 项目地址: https://gitcode.com/gh_mirrors/bi/BiliRoamingX-integrations B站作为中国最大的视…...

编程新知 2026/5/25 9:22:43

终极指南：5分钟解决BepInEx插件框架的90%常见问题 [特殊字符]

终极指南：5分钟解决BepInEx插件框架的90%常见问题 🚀 【免费下载链接】BepInEx Unity / XNA game patcher and plugin framework 项目地址: https://gitcode.com/GitHub_Trending/be/BepInEx BepInEx是Unity游戏社区中最受欢迎的插件框架之一&…...

编程新知 2026/5/25 7:33:28