gpt4 book ai didi

javascript - HTML 样式表相互干扰

转载 作者:行者123 更新时间:2023-11-28 05:35:46 24 4
gpt4 key购买 nike

目前我正在制作一个演示站点。我正在使用多个样式表,并从每个样式表中提取我喜欢的内容来构建一个用于学习目的的站点。现在我的问题是元数据中有一行阻止我的模态关闭,我的模态因此锁定到位,但我还需要它按照我希望的方式设计其他部分。

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <!-- EFFECTING CLICKING OUT TO CLOSE -->
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3-theme-black.css"> <!-- EFFECTING WORDS IN MODALS -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

我试图摆脱每一行,以具体了解它们做了什么以及它们如何影响我的程序。有些会影响模态和点击它们的能力,或者删除模态中的所有文本。

我有一个想法,制作单独的 html 文件并将它们调用到一个主文件中,为每个文件提供不同的元数据。这行得通吗?

提前致谢。

最佳答案

我会像评论中提到的其他人一样建议只保留头部部分的基本部分。这意味着如果您编写自己的 css 并将其加载到您的 html 上,您将更容易控制您的代码。坚持使用 Bootstrap,因为它已经为可以响应的网页提供了基本布局。

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font awesome -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<!--Links to CSS, Bootstrap-->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="your-external-css-file.css"/>
</head>

您的 head 标签应该包含类似于上一个示例的内容。

关于javascript - HTML 样式表相互干扰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38227608/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com