在长文中，经常需要为章节、段落加上序号。一般的是使用 ol 标签。
其实，css 本身就提供计数功能，可以更灵活的添加序号。
<!DOCTYPE html>
<html>
<head>
<style>
body {
counter-reset: section;
}
h2::before {
counter-increment: section;
content: "第" counter(section) "章: ";
}
</style>
</head>
<body>
<h1>CSS 计数器：</h1>
<h2>WordPress</h2>
<h2>小程序</h2>
<h2>PHP</h2>
<h2>CSS</h2>
</body>
</html>其结果如下：
counter-reset - 创建或重置计数器
counter-increment - 递增计数器值
content - 插入生成的内容
counter() 或 counters() 函数 - 将计数器的值添加到元素
-
如何用css快速实现三角形通过css和伪类也可以实现各种三角形。
-
css实现手机充电动画效果通过css，我们可以实现很多动画效果，例如，我们通过animation，transform，filter，这些动画相关的css属性，就可以模拟手机充电的动画效果：
-
如何用css实现倒影效果在电商和产品广告中，我们经常看到水中倒影的效果，其实这种效果我们也可以通过css来实现。并且这种效果也是通过css的几种属性来实现。
-
利用css的延迟操作为页面的交互和动画带来更好的效果css延迟操作是一种常见的css技术，可以用来延迟元素的显示时间。通过在css中设置元素的延迟时间，可以让元素在页面加载完成后才显示，从而为页面的交互和动画效果带来更好的体验。
-
如何利用css的延迟属性结合简单js实现渐变动效通过简单的Scss+TypeScript。我们可以实现视频中常见的渐变动效，这里是通过原生css+JS来实现的
-
如何利用css和简单JavaScript实现文字渐隐动态效果通过css的animation动画及js循环控制实现
暂无评论，抢个沙发...