HTML文字icon，Webdings字体和Wingdings字体
Wingdings介绍：Wingdings 是一个符号字体系列，它将许多字母渲染成各式各样的符号，用途十分广泛。于1997年发表，搭载在其后的 Microsoft Windows 视窗系统内，使用很简单，值得注意的是...
袁志蒙 2023-06-12 262次浏览
“css”的结果，共28条
HTML5 <dialog> 标签
dialog 是HTML5新增的语义化双标签，用于展示一个交互式的模态对话框。它既可以创建模态对话框（用户不能与打开对话框的页面进行交互，直到对话框关闭，模态对话带半透明背景...
袁志蒙 2023-06-10 380次浏览
css媒体查询prefers-color-scheme实现自动适配系统主题
prefers-color-scheme 是什么？W3C 在 2020 年 7 月 31 日发布的 Media Queries Level 5 标准草案 中提到了新的属性 prefers-color-scheme，网页现在可以通过条件规则组来获取浏览器宿系统的暗色模式状态并应用了。也就是说，现在我们可以很简单地实现...
袁志蒙 2023-05-15 279次浏览
css3实现文字穿透效果
最近看到几个css新属性，突发奇想的可以实现一个比较有意思的效果，我们叫做文字穿透效果吧，主要用到了几个css属性：# 文字设置成透明 color: transparent; # 文字描边 text-stroke: 1px #fff;
袁志蒙 2023-05-09 295次浏览
利用css3的filter(滤镜)属性制作交融效果
交融效果:方式一: 元素设置filter:blur模糊,元素父级设置contrast时,会实现模糊元素相交产生水滴交融且相交部分变清晰的效果即:进行动画的图形的父元素需要是被设置了filter:...
袁志蒙 2023-04-23 393次浏览
css基本布局——grid布局（二）
经过上一篇文章，我们已经对grid布局有了一些基本的认识，但grid布局实在是太强大了，我们继续来学习它：justify-items和align-items属性：设置单元格的水平和垂直方向对齐方...
袁志蒙 2022-11-25 696次浏览
css基本布局——grid布局（一）
grid布局简介：Grid布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局，设置 css的 display:grid 或 display:inline-gri...
袁志蒙 2022-11-25 621次浏览
display:inline-block换行问题
最近在写网站样式的时候，设置了子元素的宽度，目的让其并排展示一行，之前的都是用float写，没有遇到问题，今天使用了inline-block，却换行了，打开调试模式...
袁志蒙 2022-07-25 860次浏览
position: sticky 失效问题
css的 position 值中，有一个非常有用的值：position: sticky , 通常会被用于各种吸顶，吸底，吸边的效果中，最近遇到一些 position: sticky 失效的场景，所以总结了一下...
袁志蒙 2022-04-10 1197次浏览
纯css实现步骤进度条效果
当我们收到这样的步骤进度条的需求时，我们之前的做法是用图片作为背景图，才可以做出这样的效果，现在我们只需要通过css就可以完成这样的...
袁志蒙 2021-06-22 2994次浏览
