html - 如何在 Notepad++ 上将 CSS 添加到我的 HTML 代码中-6ren

html - 如何在 Notepad++ 上将 CSS 添加到我的 HTML 代码中

转载作者：太空宇宙更新时间：2023-11-04 11:38:36

因此，我尝试将我的 CSS 代码添加到 notepad++ 上的 HTML 代码中，但每次运行它时，我唯一看到的是我的代码，而不是我想要的有关网站的所有内容。我该如何解决这个问题？

这是我的 html 代码片段:

<head>
<meta charset="utf-8">
<title>My Website</title>
<link href="cascade.css" rel="stylesheet" type="text/css">
</head>
<h1 style= "text-align:center; color: black;"> Nikki  </h1>
<br></br>

//here is a snip of my css code
 @charset "utf-8";
/* CSS Document */
nav div {
    display: inline;
    text-align: center;
    width: 18%;
    padding: 5px;
}

p
{
    text-transform:none;    
    font-size: 20px;
    color: black;
    font-family: "proxima-nova";
    letter-spacing:1px;
    text-align: left;
}

最佳答案

请在此处找到您的更新代码，这是您应该如何向 HTML 添加/编写 CSS:

我建议您移动您的 <style>标记为 <head>地区。

<html>
<head>
<meta charset="utf-8">
<title>My Website</title>
<link href="cascade.css" rel="stylesheet" type="text/css">

 <style type="text/css" >
//here is a snip of my css code
 @charset "utf-8";
/* CSS Document */
nav div {
display: inline;
text-align: center;
width: 18%;
padding: 5px;
}

p
{

text-transform:none;    
font-size: 20px;
color: black;
font-family: "proxima-nova";
letter-spacing:1px;
text-align: left;


}
  </style>
</head>



<body>
<h1 style= "text-align:center; color: black;"> Nikki  </h1>
<br>

</body>
</html>