gpt4 book ai didi

html - 有一个单独的 CSS 文件对代码运行有影响吗?

转载 作者:行者123 更新时间:2023-11-28 04:17:43 25 4
gpt4 key购买 nike

我正在学习 CSS 和 HTML,我正在本地创建一个模板,第一次我有一个单独的本地 CSS 文件,在这个文件中,主体不会被样式化,但 div 是,第二次我试图包含HTML 正文中的 CSS,而不是单独的 CSS 文件中,一切正常。

第一次,div 被设计了样式,但 body 没有。当创建一个单独的 CSS 文件时:

<!DOCTYPE html>
<html>
<head>
<title>Quote Machine</title>
<script src="scripting.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<div>hello</div>
<style>
</style>
</body>
</html>

<!-- separate CSS file-->
body {
background-color:black;
}


div {
background-color:yellow;
}

第二次,当 CSS 位于 HTML 文件中时,一切都按要求设置了样式:

<!DOCTYPE html>
<html>
<head>
<title>Quote Machine</title>
<script src="scripting.js"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>

<body>
<div>hello</div>

<style>

body {
background-color:black;
}

div {
background-color:yellow;
}

</style>

</body>
</html>

最佳答案

您需要在 Bootstrap 之后包含您的样式表,以覆盖默认的 Bootstrap 样式。

在您的第一个示例中发生的事情是加载您的样式表,然后加载 Bootstrap 样式表。

在第二个示例中,它加载您的样式表,然后加载引导样式表,然后使用您在 html 中声明的样式覆盖引导样式表。

关于html - 有一个单独的 CSS 文件对代码运行有影响吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37349410/

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