我通过 CDN 在纯 HTML 文件中使用 Tailwind CSS。但是,我遇到了一个问题,即仅应用了部分边框颜色样式,这可能是由于缺少通过预检进行初始化所致。根据我的理解,添加预检代码来重置现有样式可能是必要的。
考虑到它是PHP和HTML的组合,并且npm使用不可行,我正在寻找一种通过CDN添加Preflight的方法。有什么方法可以达到这个目的?
通过将预检样式直接包含在 HTML 文件中,您可以确保应用必要的重置和基线样式,而无需 npm 或其他构建过程。但是,请记住,这种方法意味着如果 Tailwind CSS 发布更新,您将需要手动更新预检样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Title</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<style>
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* ... Paste the Preflight styles here ... */
</style>
</head>
<body>
<!-- Your HTML content here -->
</body>
</html>