gpt4 book ai didi

html - CSS 样式表不响应使用 chrome

转载 作者:太空宇宙 更新时间:2023-11-04 01:09:17 28 4
gpt4 key购买 nike

我最近开始了我的第一个程序(非常基础),但立即遇到了一个问题!

<link rel="stylesheet" type="text/css" href="gweeble.css" />

使用上面的代码,我尝试附加一个 css 样式表。为了确保不仅仅是我,我从示例中复制粘贴了代码。为了确保 CSS 正确无误,我将它放在 HTML 文件头部的样式标签中……它起作用了。接下来,我在 chrome 中输入了开发工具(我正在使用的浏览器。这是在使用插入符号编辑器的 Chromebook 上),而 css 文件甚至不存在!!!如果您有任何想法,我真的需要帮助!

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="gweeble.css" />
<title>gweeble</title>
<meta charset="UTF-8">
<meta name="description" content="uhhhh">
<meta name="keywords" content="google, grooble, gweeble, bored, I'm bored, Im bored, ugh, uhhh">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

</body>

body {
background-color: #4542f4; }

最佳答案

另一个解决方案!!!!这是浏览器可能无法加载您的 css 文件的另一个原因....

我已经阅读了这里(以及其他几个网站)的所有回复,但仍然无法将我显然有效的 css 文件加载到我的浏览器中(使用检查器确认 - 在 Chrome 中右键单击代码并查看“来源”标签)。

我通常使用 Chrome,但也尝试过 Edge,结果相同 - html5 代码运行良好,但未呈现布局。检查显示 css 文件从未加载,更不用说执行了。

我的问题原来是 html 代码已从屏幕上的教程中复制并粘贴到 Notepad++ 中。在此过程中,我以错误的语音 (") 标记结束,所以我猜测是 'meta charset="utf-8"' 语句与代码中的语音标记类型不一致?

最重要的是,通过简单地删除然后重新键入来更改所有语音标记会导致语音标记和工作代码的物理形状不同。

希望这对您有所帮助....

关于html - CSS 样式表不响应使用 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51529692/

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