“html”的结果,共39

html5标签ruby实现对中文添加拼音

ruby标签在东亚使用,显示的是东亚字符的发音。将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用: <ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选...

袁志蒙 2023-05-17 167次浏览

css媒体查询prefers-color-scheme实现自动适配系统主题

prefers-color-scheme 是什么?W3C 在 2020 年 7 月 31 日发布的 Media Queries Level 5 标准草案 中提到了新的属性 prefers-color-scheme,网页现在可以通过条件规则组来获取浏览器宿系统的暗色模式状态并应用了。也就是说,现在我们可以很简单地实现...

袁志蒙 2023-05-15 128次浏览

css3实现文字穿透效果

最近看到几个css新属性,突发奇想的可以实现一个比较有意思的效果,我们叫做文字穿透效果吧,主要用到了几个css属性:# 文字设置成透明 color: transparent; # 文字描边 text-stroke: 1px #fff;

袁志蒙 2023-05-09 114次浏览

CSS基本布局——grid布局(二)

经过上一篇文章,我们已经对grid布局有了一些基本的认识,但grid布局实在是太强大了,我们继续来学习它:justify-items和align-items属性:设置单元格的水平和垂直方向对齐方...

袁志蒙 2022-11-25 575次浏览

CSS基本布局——grid布局(一)

grid布局简介:Grid布局是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局,设置 css的 display:grid 或 display:inline-gri...

袁志蒙 2022-11-25 501次浏览

纯CSS实现步骤进度条效果

当我们收到这样的步骤进度条的需求时,我们之前的做法是用图片作为背景图,才可以做出这样的效果,现在我们只需要通过css就可以完成这样的...

袁志蒙 2021-06-22 2759次浏览

css+jquery实现美化的switch开关

没有用插件,利用label + radio特性做了一个switch开关,代码简洁易懂,可以集成到项目里,美化radio,完整代码分享...

袁志蒙 2021-04-19 2764次浏览

upgrade-insecure-requests升级不安全请求

https是当下的网站的主流趋势,然而对于以前http链接来说,我们往往就存在一个兼容性问题,应该在很长一段时间内,https与http将共存,就用到CSP设置upgrade-insecure-requests...

袁志蒙 2021-03-03 6321次浏览

Common getUserMedia() Errors 解决

html5的getUserMedia API为用户提供访问硬件设备媒体(摄像头、视频、音频、地理位置等)的接口,基于该接口,开发者可以在不依赖任何浏览...

袁志蒙 2020-12-20 2381次浏览

Js实现粘贴上传图片

我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢?复制=>粘贴=>上传...

袁志蒙 2020-11-27 3112次浏览