今天带大家盘点一下前端的一些冷知识。 一、浏览器地址栏的妙用 1.1 可以执行javascript代码 在地址栏中输入javascript:alert('hello world')，然后按回车键，会弹

CSS动画能显著提升网站的视觉吸引力，将静态设计转变为引人入胜的动态体验。在CSS中，animation 属性是实现动画效果的核心，它允许你通过单个属性值来定义动画的所有方面。

CSS 主要用于设置网页的视觉样式，包括布局、颜色、字体和其他设计细节。它使得网页设计与内容分离，从而提高了网页的可维护性和可重用性。 🌞 今天我将分享一些有用的 CSS 小技巧，后续不断完善，灵感不

完整示例代码在：codepen 先来写一个骨架屏基本的DOM结构： 加一些样式： 现的的效果如下： 骨架屏一般会有一个加载的效果，可以使用线性渐变来实现， 给skeleton添加伪元素： 使用line

在网页开发的世界里，CSS 的强大功能和灵活性日益显著。然而，一些 CSS 属性往往被忽视或低估。本文将重点介绍 15 个开发者应该了解但经常被忽略的有用 CSS 属性。

在诸多被遗落在时光尘封之箱的CSS属性中，`contain`属性应该算是一颗耀眼的明珠，其在性能优化方面提供了诸多可能。

什么是 hero component 我们经常见到这种 hero component，在视觉上占据了整个视口的宽度和高度。比如特斯拉的官网： 如何实现一个 hreo component？ 很多人可能会

前言 大家好，我是Nic_，今天给大家分享 Tailwind CSS 的最新功能 Signals ，进一步增强了 Tailwind CSS 的能力。

关于css大家肯定都已经熟知并且熟练运用了吧，但是我通常都是通过百度cv来实现，所以看到一些样式我都会保存起来。 下面给大家整理了8个常用小技巧 1. 自定义光标（cursor） 首先来看一下CSS的