“html”的结果,共44

css实现华为充电动画

在这篇文章中,我们将深入解析一个css实现华为充电动画的效果。这个动画涉及到了许多 CSS 和 html 的关键技术,包括 CSS 动画、定位、过滤器、伪元素、转换等。

袁志蒙 2024-06-02 235次浏览

JavaScript中的compositionstart和compositionend事件

在JavaScript中,compositionstart 和 compositionend 事件是用于处理输入法输入的两个重要事件。虽然在日常开发中可能不常用到它们,但对于处理中文、日文等复杂输入法的...

袁志蒙 2024-03-11 390次浏览

html文字icon,Webdings字体和Wingdings字体

Wingdings介绍:Wingdings 是一个符号字体系列,它将许多字母渲染成各式各样的符号,用途十分广泛。于1997年发表,搭载在其后的 Microsoft Windows 视窗系统内,使用很简单,值得注意的是...

袁志蒙 2023-06-12 767次浏览

html5 <dialog> 标签

dialog 是html5新增的语义化双标签,用于展示一个交互式的模态对话框。它既可以创建模态对话框(用户不能与打开对话框的页面进行交互,直到对话框关闭,模态对话带半透明背景...

袁志蒙 2023-06-10 972次浏览

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

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

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

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

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

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

css3实现文字穿透效果

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

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

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

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

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

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

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

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