一个陌生朋友-CSDN博客

原创 AutoHotkey 准星

AutoHotkey（AHK）是一个开源的脚本语言，主要用于Windows平台的自动化任务。它可以通过简单的脚本实现键盘快捷键、鼠标操作、窗口管理等功能。AHK的语法简单易学，适合初学者快速上手。安装 AutoHotkey ：从AutoHotkey官网下载并安装。编写脚本：使用任何文本编辑器（如Notepad++或Visual Studio Code）来编写AHK脚本，保存为 .ahk 文件，双击即可运行。一个典型的AHK脚本包含以下几个部分：变量初始化：定义脚本中使用的变量。

2025-02-28 20:44:35 1099

原创 CSS 计算单位

深入了解 CSS 中的各种长度单位，包括绝对单位、相对单位和视窗单位。将学习如何选择合适的单位来提高网页布局的可读性和响应性。通过理论与实践相结合的方式，探讨每个单位的特点，并通过实例了解它们在实际项目中的应用。3. 视窗单位vw, vh, vmin, vmax 的使用方法。实例：使用视窗单位制作适应不同设备的网页。2. 相对单位em 和 rem 的区别。其他相对单位（ex, ch）的应用场景。4. 综合案例分析分析现有网站的 CSS 单位使用情况。5. 动手实践使用不同的单位创建一个简单的网页布局。

2024-10-18 08:24:36 171

原创【HTML】JavaScript 简单实现网页元素样式切换

定义卡片和容器的基础样式，并创建三种不同的样式类。/* CSS 样式 *//* 样式定义 */.card {/* 样式定义 *//* 其他样式类定义 */CSS 代码负责设置卡片和容器的外观，包括背景颜色、边框、圆角等。还定义了 .morph2 和 .morph3 类，这些类将被 JavaScript 动态添加到元素上以改变其样式。创建切换类的函数// JavaScript 函数定义if (!

2024-08-31 03:34:21 1070

原创【HTML】深色主题切换

在现代网页设计中，深色主题（Dark Mode）已成为提升用户体验的重要特性之一。它不仅有助于减少屏幕对眼睛的刺激，还能节省设备电量，特别是在 OLED 屏幕上。本教程将引导小白通过两种不同的方法实现深色主题切换，帮助小白更直观地理解整个过程。

2024-08-27 20:05:46 1886

原创给card卡片增加圆角

在这里，我们将深入学习如何使用 CSS 的 `border-radius` 属性来为卡片添加圆角，从而让界面看起来更加柔和和吸引人。`border-radius` 属性允许我们定义元素边界上的圆角大小，这可以增强用户界面的视觉效果。以上已经为每个卡片的角增加了圆角。从第一个卡片开始，逐步为每一个卡片增加圆角，直到所有卡片的四个角都有圆角。第一个值是 **左上角** 的圆角半径。第二个值是 **右上角** 的圆角半径。第三个值是 **右下角** 的圆角半径。第四个值是 **左下角** 的圆角半径。在这里，我们

2024-07-21 22:52:29 643

原创 CSS 阴影技巧

在上述示例中， element 元素将具有水平偏移量为 2 像素、垂直偏移量为 2 像素、模糊半径为 2像素、颜色为黑色（rgba(0, 0, 0, 0.5)）的阴影效果。语法： box-shadow: horizontal-offset vertical-offset blur-radius spread-radius color;语法： filter: drop-shadow(horizontal-offset vertical-offset blur-radius color);

2024-03-24 23:09:36 610

原创 HTML卡片播放器

首先，需要创建一个基本的HTML结构，包括一个div元素作为卡片播放器的容器。在这个div中，将添加一个head部分来包含meta标签和title标签，以及一个body部分来放置我们的卡片播放器内容。接下来，在body部分添加一个div元素，这个div将作为卡片播放器的主体。在这个主体div中，设置一些基本的CSS样式，比如position: relative;来定位卡片，margin: 50px auto;来使卡片居中显示，width: 300px;和height: 70px;

2024-03-12 06:23:43 1884

原创 HTML 不规则形状

【代码】HTML 不规则形状。

2024-03-09 12:04:17 2150

原创动态聊天输入框

确保在文档加载完成后执行代码。adjustTextareaHeight函数首先重置textarea的高度，然后根据内容调整高度，如果高度超过200px，则将高度设置为200px。元素包含了文档的元（meta）数据，如定义了字符编码，定义了网页标题。在card内部，添加一个元素，用于输入文本，并给它一个id以便于后续引用。紧接着添加一个元素，用于发送文本，同样给它一个id用于后续编辑可不写。

2024-03-08 13:04:33 1863