现代 CSS 应该是 2023 年前端圈热门话题之一，这些新特性可以帮助开发者更加轻松地实现各种复杂的设计需求，解决老的 CSS 问题，同时现代 CSS 技术还可以提高 Web 的可访问性和可维护性。

介绍一个比较前沿但是非常有用的新特性：一个浏览器原生支持的 CSS 文本高亮高亮功能，官方名称叫做 CSS Custom Highlight API，有了它，可以在不改变 dom 结构的情况下自定义任

在平时的项目开发中，由于滚动条在各个浏览器中的实现是不一致的，视觉对于滚动条的样式有一定的定制化要求，或者统一各个浏览器的滚动条样式(至少我遇到了)。下面就来说说修改滚动条样式的方式。 1. 创建一个简单的带滚动条的html页面： 其它两个浏览器不变。 因为是-webkit-开…

这是我参与8月更文挑战的第16天，活动详情查看：8月更文挑战 关于滚动条 本篇文章主要介绍CSS中滚动条样式的设置

我叫小杜杜，我们知道构成前端的三大语言有：html、css和js，其中 css的作用是页面的布局，美观，那么你知道只通过css就能实现非常炫酷的动画吗？

最近做个需求，设计师画了个图，虽然UI稿看起来很简单，但如果用技术手段实现却不能无脑堆 css 了，本文将实现过程一步步清晰展现

前端布局不管是在面试过程中还是在工作中都是非常重要的一部分，一个优秀的前端工程师可以在很快的时间内写出同一种布局的多种实现方案，练习并掌握CSS布局方案可以提高我们的页面开发速度。

定义：相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。 正因为css选择器的样式为li+li{}，所以代码中的li标签就可以一直套用这个“公式”。 注：前端面包屑导航中经常用到该选择器。 通过这两个例子，可以…

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…