Question

我目前正在从事小型图形设计业务。如果我将CSS手动拖动到Web浏览器中的inspect元素中，则CSS仅适用于html。我似乎无法弄清楚这个问题。非常感谢您的反馈

我确保样式表与索引位于同一文件夹中。我不确定100％是否可以正确链接到我的html中。

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



   @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');

body {
    font-family: 'Nunito', sans-serif;
    background: #EFF1F7;
}

.content {
   grid-area: content;
  background: url(images/background-shapes.png);
  }
.sidebar {
  grid-area: sidebar;
  background: linear-gradient(#fa5c98, #795ef8);
  rgba(249,107,142,1),
  rgba(218,103,230,1),
  rgba(130,125,253,1);
  justify-content: center;
 }

我正在尝试应用线性渐变（对我的CSS很抱歉，我无法弄清楚如何像html一样正确设置其格式）

Answer 1

在开始尝试此代码时，您似乎在文本/ css中缺少引号

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

仅当我手动将样式表拖动到浏览器中的检查元素时，CSS才会显示

1 个答案: