html5 <dialog> 标签
dialog 是html5新增的语义化双标签，用于展示一个交互式的模态对话框。它既可以创建模态对话框（用户不能与打开对话框的页面进行交互，直到对话框关闭，模态对话带半透明背景...
袁志蒙 2023-06-10 2950次浏览
“html”的结果，共50条
html5标签ruby实现对中文添加拼音
ruby标签在东亚使用，显示的是东亚字符的发音。将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用： <ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成，还包括可选...
袁志蒙 2023-05-17 2517次浏览
css媒体查询prefers-color-scheme实现自动适配系统主题
prefers-color-scheme 是什么？W3C 在 2020 年 7 月 31 日发布的 Media Queries Level 5 标准草案 中提到了新的属性 prefers-color-scheme，网页现在可以通过条件规则组来获取浏览器宿系统的暗色模式状态并应用了。也就是说，现在我们可以很简单地实现...
袁志蒙 2023-05-15 2562次浏览
css3实现文字穿透效果
最近看到几个css新属性，突发奇想的可以实现一个比较有意思的效果，我们叫做文字穿透效果吧，主要用到了几个css属性：# 文字设置成透明 color: transparent; # 文字描边 text-stroke: 1px #fff;
袁志蒙 2023-05-09 1727次浏览
CSS基本布局——grid布局（二）
经过上一篇文章，我们已经对grid布局有了一些基本的认识，但grid布局实在是太强大了，我们继续来学习它：justify-items和align-items属性：设置单元格的水平和垂直方向对齐方...
袁志蒙 2022-11-25 2240次浏览
CSS基本布局——grid布局（一）
grid布局简介：Grid布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局，设置 css的 display:grid 或 display:inline-gri...
袁志蒙 2022-11-25 2244次浏览
纯CSS实现步骤进度条效果
当我们收到这样的步骤进度条的需求时，我们之前的做法是用图片作为背景图，才可以做出这样的效果，现在我们只需要通过css就可以完成这样的...
袁志蒙 2021-06-22 5281次浏览
css+jquery实现美化的switch开关
没有用插件，利用label + radio特性做了一个switch开关，代码简洁易懂，可以集成到项目里，美化radio，完整代码分享...
袁志蒙 2021-04-19 4374次浏览
upgrade-insecure-requests升级不安全请求
https是当下的网站的主流趋势，然而对于以前http链接来说，我们往往就存在一个兼容性问题，应该在很长一段时间内，https与http将共存，就用到CSP设置upgrade-insecure-requests...
袁志蒙 2021-03-03 10057次浏览
Common getUserMedia() Errors 解决
html5的getUserMedia API为用户提供访问硬件设备媒体（摄像头、视频、音频、地理位置等）的接口，基于该接口，开发者可以在不依赖任何浏览...
袁志蒙 2020-12-20 5152次浏览
