css
-
如何删除未使用的 CSS 代码?
随着前端项目的不断迭代,就可能出现部分 CSS 代码未使用的情况。这些未使用代码就可能影响应用性能。 那么,如何有效地删除未使用的 CSS 代码呢?本文将介绍一种强大的工具——Pu…
-
开发人员必备:九个令人惊叹的CSS网格生成器推荐!
文章首先解释了CSS网格是什么以及为什么它在现代网页设计中非常重要。它强调了响应式设计的重要性,这是使网站在各种设备和屏幕尺寸上都能良好呈现的关键。 接下来,文章列举了9个最佳的响…
-
每个前端开发需要了解的15个强大的CSS属性
这篇文章介绍了15个重要的CSS属性,旨在提高读者的CSS知识和技能。文章以清晰的方式解释了每个属性的作用和用法,并提供了相应的示例代码。通过这篇文章,读者可以了解到一些有趣且实用…
-
大多数开发人员无法通过这个简单的CSS面试问题(CSS特异性)
终于上线啦,有好多好玩的模型,包括最近很火的瞬息宇宙 给定以下HTML和CSS代码,你知道 test文本的颜色会是什么吗? <body> <div cl…
-
前端面试:优雅降级和渐进增强
背景 渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3,但是 CSS3 特效太优秀不忍放弃,所以在高级浏览器中使用CSS3,而在低级浏览…
-
CSS层叠技术:优化CSS重置,打造独特样式
这篇文章介绍了一种名为CSS层叠的技术,用于优化CSS重置过程。它解释了CSS重置的概念,即通过删除浏览器默认样式来确保在不同浏览器上呈现一致的外观。然后,它引入了CSS层叠技术,…
-
使用 CSS 渐变来实现波浪动画
之前看到coco[1]的这样一篇文章:纯 CSS 实现波浪效果![2],非常巧妙,通过改变border-radius和不断旋转实现的波浪效果,有兴趣的可以去研究一下。 这次尝试一下…
-
如何用 HTML 和 CSS 实现一个响应式导航栏效果
在今天的文章中,我们将一起来学习如何用 HTML 和 CSS 制作响应式导航栏效果。 这篇文章主要是面向初学者的,如果你是有经验的开发者,请直接跳过或者忽略。 在这篇文章中,我们将…
-
花里胡哨的背景渐变
背景 设计师的原稿是这样的渐变: 导出的视觉稿是这样的:(导出工具没有识别到渐变) 于是决定去找设计师沟通这个渐变”长什么样“。当然,设计师并不会像写 CSS 一样给你描述渐变,所…
-
CSS粘性定位 – 它的真正工作原理!
这篇文章详细解释了CSS中的sticky定位方式,并讲解了它的工作原理。 CSS中的sticky定位有很好的浏览器支持,但许多开发者并没有使用它。原因有两方面:一是等待浏览器支持的…
-
为啥CSS不会支持双斜杠( // )注释?
众所周知,CSS 仅支持多行注释,也就是/**/注释。 /* 这是CSS注释 */ div{ color: red; } 习惯了 SCSS或者LESS这些预处理…
-
探索 CSS 颜色的新功能!你真的掌握了吗?
现在越来越多的浏览器开始支持 CSS Colors Module Level 4[1] 规范中定义的功能,其中包括在 CSS 中操作和显示颜色的多种方式。本文就…