“前端”的结果,共51

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

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

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

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

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

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

取色器 EyeDropper API

使用取色器 EyeDropper API 我们可以在屏幕上拾取颜色,就跟ps的吸管功能一样。这是一个实验性的API,从Chrome 95才开始支持的。我们就来试用一下。首先,还是要判断一下浏...

袁志蒙 2023-05-11 906次浏览

css3实现文字穿透效果

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

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

利用css3的filter(滤镜)属性制作交融效果

交融效果:方式一: 元素设置filter:blur模糊,元素父级设置contrast时,会实现模糊元素相交产生水滴交融且相交部分变清晰的效果即:进行动画的图形的父元素需要是被设置了filter:...

袁志蒙 2023-04-23 1009次浏览

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

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

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

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

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

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

display:inline-block换行问题

最近在写网站样式的时候,设置了子元素的宽度,目的让其并排展示一行,之前的都是用float写,没有遇到问题,今天使用了inline-block,却换行了,打开调试模式...

袁志蒙 2022-07-25 1234次浏览

vue脚手架是什么?

vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成 vue 和 webpack 的项目模板,Vue是一个用于构建用户界面的渐进式框架。它是可以自底向上逐层应用...

袁志蒙 2022-06-26 1460次浏览

Ajax、Axios、Fetch三者的区别

Ajax、Axios、Fetch都用于发送网络请求的,那他们有什么区别呢?1.Ajax 它的全称是:Asynchronous JavaScript And XML,翻译过来就是“异步的 Javascript 和 XML”...

袁志蒙 2022-06-04 1416次浏览