我有一个标题，里面有一个导航菜单。导航菜单的几个菜单链接被设置为按钮。由于某些原因，按钮的样式仅在页面加载后显示。
屏幕录制：https://streamable.com/k5fhmh
每次页面加载时，按钮都这样做"；动画"；我不知道是什么原因造成的。
是什么原因造成的？
我希望按钮的样式立即出现，没有动画或延迟。
按钮的样式似乎是由一个在页面加载后仍在加载的进程添加的。但我也有一个使用过的模块的css延迟效果。
您可以查看：
- 所有样式(甚至是按钮的样式(都包含在一个主css文件中，而不是辅助样式表文件中的
imported - 确保首先加载具有按钮样式的样式表文件(=所有css文件中的第一个，在调用第一个JS脚本之前(。它应该是头中第一个需要加载的文件
- 如果按钮样式在次要样式表中，则将它们移到主要加载样式表中
- 按钮的类是在html文件中固定设置的(即=
<a class='button stylingClass" href="...">Get Started</a>(，之后没有添加，即JS和/或外部模块添加 - 按钮是在html文件中设置的html修复程序，之后没有添加，即通过JS和/或外部模块添加
- 按钮的样式是通过动画或有延迟的过渡添加的，即为了引起额外的注意。样式应设置为固定样式，而不会出现动画或过渡延迟
- 有时外部使用的字体会导致重新绘制。如果停用字体并测试行为，则可以选中此项
- 确保按钮的背景/内容不受需要加载的图像的影响
解决方法的附加提示：
(A( 如果它是由模块引起的(即模块添加了额外的样式(，但您无法更改模块加载过程，则可以将样式additional添加到主css文件中，或将其写入<head>中的样式部分。加倍的代码不会影响页面的工作。
示例：
<head>
<style>
a.buttonClass {
... your button css ...
}
</style>
</head>
(B( 如果是由字体引起的，您可能希望查看以下信息：
https://www.freecodecamp.org/news/web-fonts-in-2018-f191a48367e8/
https://css-tricks.com/really-dislike-fout-font-display-optional-might-jam/