技术栈
html
willow
2 天前
html
html5基础整理
Canvas 2D 绘图:素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
anOnion
4 天前
前端
·
html
·
交互设计
构建无障碍组件之Radio group pattern
单选按钮(Radio Button)是表单中用于从一组互斥选项中选择单个项目的控件。本文基于 W3C WAI-ARIA Radio Pattern 规范,详解如何构建无障碍的单选按钮组件。
前端Hardy
4 天前
javascript
·
css
·
html
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
这个 HTML 页面实现了一个现代化、丝滑过渡的白天/夜间主题切换功能,完全基于 CSS 自定义属性(CSS 变量)、light-dark() 函数和少量 JavaScript 实现持久化。
前端Hardy
6 天前
javascript
·
css
·
html
HTML&CSS&JS:基于定位的实时天气卡片
这个 HTML 页面实现了一个基于用户地理位置的实时天气信息卡片,界面美观、交互流畅。页面加载自动定位→请求天气数据→渲染卡片,支持手动刷新,全流程有加载 / 错误状态提示,动效过渡自然。赶快收藏学习吧。
前端Hardy
6 天前
css
·
html
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
这个 HTML 页面实现了一个交互式转盘抽奖效果,使用了现代 CSS 的一些实验性特性 (如 random() 函数、@layer、sibling-index() 等),并结合 SVG 图标和渐变背景,营造出一个视觉吸引、功能完整的“幸运大转盘”界面。
DeathGhost
6 天前
前端
·
html
分享URL地址到微信朋友圈没有缩略图?
分享URL网址到朋友圈啥时候支持og:image?还是说一直都支持的?一直也没在意,直到今天试了试我的鸿蒙系统应用分享,才……
前端Hardy
7 天前
css
·
html
HTML&CSS:高颜值产品卡片页面,支持主题切换
这是一个产品卡片页面,无 JS 实现图片切换、主题切换、全设备响应式适配,兼顾美观与实用性,值得大家学习。
Never_Satisfied
7 天前
前端
·
css
·
html
在HTML & CSS中,nth-child、nth-of-type详解
:nth-child() 是 CSS 中非常实用的一个伪类,它允许你根据元素在其父元素中的位置(第几个子元素)来精准地选择元素。下面我将从基础语法开始,逐步深入,并通过大量示例帮你掌握它的用法。
你怎么知道我是队长
7 天前
前端
·
学习
·
html
前端学习---HTML---块元素和行内元素
独占一行:默认情况下,块级元素会占据其父容器的整个宽度,前后会自动换行。 可设置宽高:可以通过CSS设置width、height、margin、padding等属性。 可包含其他块级或行内元素:通常作为容器使用(如
holeer
7 天前
前端
·
编辑器
·
html
·
typora
·
web
·
markdown
·
文档
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
【文章说明】本文章为博主对 Typora 官方文档的翻译。隐藏内容(导出后不可见):<span style="display:none">I am hidden after export</span>
肖。3548787094
7 天前
html
[html-1]双板块最简界面,适合用于有两个网页分发,跳转。
可以看到下面图片中有两个特别大的可以点击的地方,只有两个a元素,已经是最简了,还有自带的点击效果。用于集合两个网页便于跳转。
你怎么知道我是队长
7 天前
前端
·
学习
·
html
前端学习---HTML---表单
HTML5 为 <input> 增加了多个专用类型,以便在移动端调出合适的键盘,并提供内置的输入校验。
globaldomain
7 天前
前端
·
javascript
·
html
·
新媒体运营
·
网站建设
·
wordpress
·
域名注册
立海世纪:WordPress 6.9的新功能、新模块、新API
WordPress 6.9,2025年的第二个主要版本,已正式进入测试阶段并开放测试。该计划定于2025年12月2日发布,介绍了编辑和性能的渐进式改进,可能影响网站开发的下一阶段。
你怎么知道我是队长
7 天前
前端
·
学习
·
html
前端学习---HTML---标签属性
HTML标签属性用于为标签提供额外信息,以调整元素的行为、样式或功能。为元素指定唯一标识符,用于CSS样式选择或JavaScript操作。
长城2024
7 天前
前端
·
正则表达式
·
html
·
html5
·
pattern
·
pattern属性
·
pattern正则表达式
HTML5中表单的pattern属性解析
HTML5 中的 pattern 属性为表单输入提供了原生的正则表达式验证能力,显著提升了前端数据格式控制的效率与用户体验。该属性适用于 text、tel、email、password 等文本类输入类型,通过设定一个不带斜杠的正则表达式(如 pattern="[A-Za-z]{3}"),浏览器在提交表单时会自动校验输入值是否完全匹配该模式。若不匹配,则阻止提交并显示错误提示,配合 title 属性可提供更清晰的格式说明,例如提示“请输入三位字母的国家代码”。由于正则默认为全匹配模式,^ 和 $ 锚点通常可
henry101010
7 天前
前端
·
javascript
·
css
·
游戏
·
html
DeepSeek生成的HTML5小游戏 -- 黑8台球
黑8台球台球对战 - 玩家控制白球击打黑8目标球瞄准系统 - 通过拖拽拉远调整力度和方向,松开击球物理引擎 - 包含球体碰撞、边界反弹、摩擦力等真实物理效果
a111776
8 天前
前端
·
开源
·
html
星球浏览 漫游(纯html 开源)
「04-星球浏览 漫游」 链接:https://pan.quark.cn/s/ef2a1b53b341
结网的兔子
8 天前
javascript
·
css
·
html
前端开发(前言)——html,css,JavaScript和vue关系
目录🧩 HTML、CSS、JavaScript 是什么?(三大基石)HTML - 房子的结构骨架CSS - 房子的装修装饰
前端 贾公子
8 天前
前端
·
javascript
·
vue.js
·
html
CSS 系统颜色和暗黑模式的关系及意义
我们知道在支持 CSS 变量的现代浏览器中,可以在运行时进行实时动态更新主题。而在 Element Plus 中已经使用 CSS 变量来重构了几乎所有组件的样式系统,也就是使用 SCSS 的函数自动生成需要用到的 CSS 变量。这意味着你可以动态地改变组件内的个别变量,以便更好地自定义组件样式,而不需要修改 SCSS 文件重新编译一次。
Never_Satisfied
8 天前
前端
·
css
·
html
在HTML & CSS中,如何计算CSS特异性
CSS特异性是一个非常重要的CSS概念,决定了当多个规则冲突时,哪个规则会被应用。CSS特异性是一个四元组:(a, b, c, d),其中: