Question

我最近启动了第一个程序（非常基础），立即遇到了问题！

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

使用上面的代码，我尝试附加一个CSS样式表。为了确保不仅仅是我，我复制了示例中的代码。为了确保CSS正确，我将其放在HTML文件头部的样式标签中……它起作用了。接下来，我在chrome（我正在使用的浏览器。这是在Chromebook上，使用插入符号编辑器）中输入了chrome开发工具，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; }

Answer 1

这通常是因为import java.awt.*; import javax.swing.*; public class FrameLayoutTest { private static JFrame f; private static Canvas c; public static void main(String [] args) { init(); } private static void init() { //Display.createDrawFrame(width, height); createDrawFrame(400, 400); //Display.createMenuFrame(width, height); createHUD(); //this.f = Display.getDrawFrame(); //getDrawFrame(); //this.c = Display.getCanvas(); //this.f = createHUD(this.f, this); //MapAssets.init(); } public static void createDrawFrame(int width, int height) { f = new JFrame(); c = new Canvas(); c.setBackground(Color.blue); c.setPreferredSize(new Dimension(width, height)); c.setFocusable(false); f.add(c, BorderLayout.CENTER); //f.add(c); f.pack(); f.setVisible(true); // getDrawFrame() f.setSize(width, height); f.setLocationRelativeTo(null); } public static void createHUD() { Panel p = new Panel(); p.setLayout(new FlowLayout()); p.setSize(100, 100); p.setLocation(300, 0); Button b0 = new Button("Settings"); Button b1 = new Button("Exit"); //MenuListeners mListeners = new MenuListeners(game); //b0.addActionListener(mListeners); //b1.addActionListener(mListeners); p.add(b0); p.add(b1); f.add(p, BorderLayout.NORTH); //f.add(p); } }元素中的链接错误。您的HTML和CSS文件在文件结构中是否处于同一级别？如果您需要返回一个级别，则可能需要执行<link>，同时尝试对浏览器进行硬刷新（如果使用的是Chrome，请按住Shift键并单击刷新按钮）以清除缓存。哦，再仔细检查一下CSS文件名的拼写，以确保其正确匹配。

Answer 2

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

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

我通常使用Chrome，但也尝试使用Edge获得相同的结果-html5代码运行良好，但布局未呈现。检查表明，css文件从未加载过，没关系执行。

我的问题原来是html代码已从屏幕教程中复制并粘贴到记事本++中。在此过程中，我最终得到了错误的语音（“）标记，因此我猜想是'meta charset =” utf-8“'语句与代码中的语音标记类型不一致？

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

希望这很有帮助。...

Answer 3

您真的确定您正在查看正确的HTML文件吗？您还可以检查页面源（CTRL + U）以检查文档中的标记。

Answer 4

我知道了！我的计算机设置为自动将我的文件放入google驱动器部分☹️。只需将文件夹移至下载即可解决此问题。

Answer 5

如果您使用的是node.js，express和EJS作为模板引擎

我刚在我的网站上发现此错误，然后在此处查看。我面临的问题是如果您的公共目录中有CSS文件，即views（在我的情况下）

注意：您可以从浏览器开发工具访问CSS文件。使用Chrome浏览器，进入开发人员网络。部分，然后单击CSS文件。并检查标题。

确保在链接任何CSS文件时都不会出现

错误

类型：“文本/ css”
正确的href =“”

现在，如果您仍然无法访问它，因此问题可能是您的浏览器可能无法正确访问该文件。检查路径应在何处以及放置的位置。

在我的情况下： localhost：3000 / views / css / style.css 引发错误

但实际链接应为： localhost：3000 / css / style.css 有效

因此，请相应地更改href，并删除介于两者之间的其他文件夹，以便您的浏览器可以直接访问它。

CSS样式表无法响应使用Chrome

5 个答案: