标签 CSS 的文章

关于 《CSS》 的文章

阿轩的BUG
文章191
评论56
标签101
站点日志
作者总数:1位
置顶文章:0篇
标签总数:101条
文章总数:196篇
评论总数:56条
微语总数:149条
运行天数:2309天
最近更新:2024-09-30
文章标签
最新评论
Sherlock
2025-08-21
不是应该打包成apk文件吗,怎么突然就运行编译了,下一步呢
老金er
2025-05-25
人生设计非常必要,在信息化发达的今天,周围大部分人依然只能过着人生工程模式生活,长时间生活洗礼后,尽管“人生工程”已经不再适合很多人,他们也无法做出任何改变,人生设计给我们提供了新的思路,值得尝试
赏帮赚
2025-05-25
职场太多的尔虞我诈
三笑
2024-08-16
emlog6.0.1可以升级支持吗?
pony
2024-07-08
这篇文章提供了一种新的人生规划方法——"人生设计",它借鉴了产品设计的理念,鼓励人们以创造性和探索性的方式思考和规划自己的生活。以下是对这篇文章的几个评价维度: 创新性:将产品设计的理念应用于人生规划是一个新颖的视角,为人们提供了一种跳出传统生活轨迹,探索个性化生活路径的方法。 实用性:文章不仅提出了理念,还详细介绍了具体的实施步骤,包括自我评估、制定计划、原型设计和实践选择等,具有很强的操作性。 启发性:通过强调好奇心、不断尝试、重新定义问题等心态,文章鼓励人们打破常规,勇于探索未知,这对于激发个人潜能和创造力具有积极作用。 适应性:"人生设计"理念适用于不同人生阶段和不同背景的人,无论是希望从头开始的人,还是已经取得一定成就但希望探索新方向的人,都可以从中获得启发。 情感共鸣:文章对许多人对传统生活轨迹的不满和对改变的渴望进行了深刻的洞察,能够引起读者的共鸣。 可持续性:人生设计强调的是一个持续迭代和试错的过程,这与现实生活的发展规律相吻合,有助于人们在不断变化的环境中做出适应性调整。 教育意义:作为一种人生规划方法,"人生设计"可以作为教育的一部分,帮助年轻人更早地学会自我探索和规划,为未来的生活和职业发展打下基础。 局限性:尽管"人生设计"提供了一种新的思考框架,但它可能需要个人具备一定的自我认知和反思能力,对于一些缺乏自我探索经验的人来说,可能需要额外的指导和支持。 总体来说,这篇文章提供了一种有价值的人生规划方法,对于那些渴望改变、寻求个性化生活的人来说,是一种有益的参考和指导。
✨ CSS新魔法color()已经被所有主流引擎支持
✨ CSS新魔法color()已经被所有主流引擎支持
2023-06-04
8037
阅读
值得一看 🔍️

✨ CSS新魔法color()已经被所有主流引擎支持

背景6月google发了新的博客:关于color()已经被所有主流的引擎支持。下面是文章链接:NewCSScolorspacesandfunctionsinallmajorengines下面的例子可以看到支持的色彩空间.valid-css-color-function-colors{--srgb:c

☝ CSS hover效果的逆向思维
☝ CSS hover效果的逆向思维
2023-06-03
11290
阅读
实用干货 🌋

☝ CSS hover效果的逆向思维

CSS的hover效果是一种常用的前端技术,通过为元素添加鼠标悬停状态下的样式,可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果,但在某些情况下,我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度,其取值

🚫 还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
🚫 还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
2023-01-13
7462
阅读
值得一看 🔍️

🚫 还在用 JS 做节流吗?CSS 也可以防止按钮重复点击

众所周知,函数节流(throttle)是JS中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。举个例子:一个保存按钮,为了避免重复提交或者服务器考虑,往往需要对点击行为做一定的限制,比如只允许每300ms提交一次,这时候我想大部分同学都会到网上直接拷贝一段throttle函数,或者直接引用

❓️ user-select:none真的能禁止文本的复制粘贴吗?
❓️ user-select:none真的能禁止文本的复制粘贴吗?
2022-12-19
7656
阅读
实用干货 🌋

❓️ user-select:none真的能禁止文本的复制粘贴吗?

1.前言面向搜索引擎开发时,我们经常看到这样的情况:登录后复制。由于设置了css属性user-select:none,此时鼠标无法实现选中文本,也就无法复制文本,通常会采用这种方式来禁止复制文本。打开开发者工具-审查元素,取消此样式,就可以选中文本了。但是,你们有尝试过这样的复制、粘贴吗?咦,原来也

✨ 看图说话,新 CSS 单位 “svh” “dvh” 原来如此
✨ 看图说话,新 CSS 单位 “svh” “dvh” 原来如此
2022-12-05
7568
阅读
值得一看 🔍️

✨ 看图说话,新 CSS 单位 “svh” “dvh” 原来如此

vw和vh单位是我们都比较熟悉的两个单位,100vw和100vh代表着视图窗口的宽和高。我们在写移动端布局兼容的时候会经常用到它们,类似于百分比的写法;它们有不错的兼容性:然而有一个问题,当我们使用100vh,且有顶部地址栏或底部操作栏的时候,会出现溢出屏幕的情况:当滑动滚动条的时候,地址栏和操作栏

📱 H5页面不同屏幕适配:纯CSS方案
📱 H5页面不同屏幕适配:纯CSS方案
2022-09-18
8811
阅读
实用干货 🌋

📱 H5页面不同屏幕适配:纯CSS方案

UI给出的设计稿,一般是以iphone6屏幕大小为准,也就是宽高为375667,激进一些的还会使用414736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生,一般新搭建的项目都要处理这个问题。常见方案目前市面上比较常见的有两种方案:rem方案、viewport方案rem方案通过计算屏幕宽度比