Fatal编程技术网
  • html/
  • 使用HTMLdiv和CSS

使用HTMLdiv和CSS

html css

使用HTMLdiv和CSS,html,css,Html,Css,这是HTML代码 <head lang="en"> <meta charset="UTF-8"> <title>Test</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div> <div class="header"> <

这是HTML代码

<head lang="en">
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
    <div class="header">
        <input name="1" value="1" disabled  />
    </div>
</div>
我的问题是，CSS代码没有改变HTML，所以我做了一个快速测试，将CSS代码放在HTML文件中，它成功了

我还知道，如果我在“class”的insead中使用“id”，它会工作，但任务是不更改HTML文件

我的问题是我不想在HTML文件中使用CSS代码，这可能吗

编辑：我刚刚在网上试用过，但效果很好，所以这似乎是webstorm的问题，因为您在HTML文件中设置了：

<link rel="stylesheet" href="style.css" type="text/css">
并且您的body标记未关闭，因此您的HTML需要如下所示：

.header {
   background-color: yellow;
   color: green;
}

<head lang="en">
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
    <div class="header">
        <input name="1" value="1" disabled  />
    </div>
</div>
</body>


试验
您确定指向
style.css
的路径正确吗？控制台是否显示404？请发布一个包含您的测试代码的提琴，以便我们可以清楚地看到您的整个测试代码。您发布的CSS是否是您正在使用的全部CSS？是的，我还测试了CSS文件是否正确链接。我不知道这是否是一个问题，CSS块中的最后一条语句不需要一个结束分号，但最好在那里有一个结束分号。 
<head lang="en">
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
    <div class="header">
        <input name="1" value="1" disabled  />
    </div>
</div>
</body>