使用方法： 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例，右键打开源代码，拷贝需要效果的类名 4. 在...

随着前端技术的不断演进，CSS也迎来了许多新特性，其中CSS变量（Custom Properties）无疑是增强样式灵活性和维护性的一大利器。本文将深入浅出地解析CSS变量的核心概念、常见应用场景、易错点及...

设计图分为版心一般为： 1600/1520/1440/1400/1200px pc正常写（一般是在1920px的屏幕），版心w写最大宽度为当前设计图版心的宽度，注意不是宽度，而是最大宽度。最大宽度的意思是，当屏幕大于...

1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...

众所周知，前端内容多而杂，经过查阅各种资料，总结了一些知识点，以备后续复习使用。 html篇 html应该是前端中最简单的知识点了，标签用着用着就熟记于心，话不多说，上干货。 1. 常见块级元素...

滚动条是图形用户界面（UI）中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下，浏览器会为body内容的溢出包含一...

在div标签中隐藏水平滚动条，可以通过CSS样式来实现。以下是一种方法： 在CSS文件中，为div标签添加一个类名，例如.hide-scrollbar。 .hide-scrollbar::-webkit-scrollbar { display: none; } ....

核心样式 html,body{ /* 核心属性 让页面平滑滚动*/ scroll-behavior: smooth; } 如果页面中用到了点击锚点跳转到对应的位置，只需要加上上面这个样式即可实现平滑滚动到指定位置。利用它不需要...