Question

我有style.css和</head>。我目前使用内联css但我想使用样式表。我在我的<link rel="stylesheet" href="/style.css">标记之前的index.html中有这段代码。

body {
    background-color: yellow;
}

然后我在我的style.css

中有这个

public_html

请注意，这两个文件都位于style.css。但每当我打开index.html时，背景都会保持白色并且不会变为黄色。

如何将index.html与public class MainActivity extends AppCompatActivity { Private Button myButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void onButtonClick(View v) { int id = v.getId(); switch(id) { case R.id.signinbutton: signin();break; case R.id.logoutbutton: logout();break; } } }相关联？

Answer 1

你需要给你的CSS至少一个高度和宽度。

尝试添加：

height: 100%;
width: 100%;

Answer 2

尝试添加

height:1000px;
width:100%;

你不能给身高增加百分比，因为身体没有父亲。

并添加

<link rel="stylesheet" href="style.css">

到html文件的<head>。

Answer 3

如果您在本地工作，/style.css引用将尝试从文件系统的根目录加载文件。如果您从域中的子文件夹加载，它将尝试在域文件夹的根目录中查找该文件。

如果将其更改为<link rel="stylesheet" href="style.css">（注意缺少的斜杠），它将尝试在相对于style.css文件的文件夹中找到index.html文件，该文件是相同的。

背景将为黄色。

Answer 4

主要的是你需要有相关文件路径到你的样式表。在你的情况下想象你有css文件夹中的style.css你需要做

<link rel="stylesheet" href="style.css">

记住/路径是文件的绝对路径。这意味着它表示从根目录的文件路径。没有/文件路径变得相对

既然你说你是初学者，这可能是另一个问题。也许你没有指定在哪里应用你的风格

    body{
       background-color:yellow;
    }

Answer 5

如果您的html页面中没有任何内容（文本或图像），则很难看到任何bg颜色，因为它没有高度/宽度，如上所述。

插入一些虚拟文本以查看是否是这种情况。如果您只有一个css文件，将它与index.html文件放在同一个文件夹中并不常见，在这种情况下将代码更改为：

可能是这种情况，因为您指示两个文件都在同一个根文件夹中，因此删除“/”，因为这意味着未应用css。值得将样式表命名为与您正在处理的站点相关的内容，例如catstyle.css或lollipopstyle.css，这样，如果您在文本编辑器中打开了许多css文件，则可以清楚地看到哪个是哪个站点。

我还假设你有完整的html“bare bones”的骨架结构，如图所示here。确保将链接放在该部分内的样式表中，例如，在meta-charset行之后。

如何将CSS链接到HTML页面？

5 个答案: