如何通过 CDN 使用 Tailwind Preflight

问题描述 投票:0回答:1

我通过 CDN 在纯 HTML 文件中使用 Tailwind CSS。但是,我遇到了一个问题,即仅应用了部分边框颜色样式,这可能是由于缺少通过预检进行初始化所致。根据我的理解,添加预检代码来重置现有样式可能是必要的。

考虑到它是PHP和HTML的组合,并且npm使用不可行,我正在寻找一种通过CDN添加Preflight的方法。有什么方法可以达到这个目的?

html tailwind-css cdn
1个回答
0
投票

通过将预检样式直接包含在 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>
© www.soinside.com 2019 - 2024. All rights reserved.