css和html不连接

嘿，我是这个领域的新手。我的css小项目只是（我想）显示代码的html部分

正文{
保证金：0；
填充：0；
背景：#262626；
字体系列：无衬线；
}
.集装箱
{
宽度：1200px；
利润率：70像素自动0；
显示器：flex；
弯曲方向：行；
柔性：包裹；
}
.集装箱
{
位置：相对位置；
宽度：300px；
高度：300px；
背景：ff0；
利润率：10px；
框大小：边框框；
显示：内联块；
}
.container.box.imgbox
{
位置：相对位置；
}
.container.box.imgbox img
{
最大宽度：100%；
转变：转变2s；
}
.container.box:hover.imgbox img
{
转换：比例（1.2）；
}
.集装箱.箱子.细节
{
位置：绝对位置；
顶部：10px；
左：10px；
底部：10px；
右：10px；
背景：rgab（0,0,0,8）；
变换：scaleY（0）；
转变：转变；
}
.container.box:悬停。详细信息
{
变换：scaleY（1）；
}
.container.box.details.content
{
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
文本对齐：居中；
填充：15px；
颜色：#fff；
}
.container.box.details.content h2
{
保证金：0；
填充：0；
字体大小：20px；
颜色：#ff0；
}
.container.box.details.content p
{
利润率：10px0；
填充：0；
}

按钮
列克
列克

我猜“不连接”意味着你看不到你的css是什么样子，对吧？ 我认为这是因为你的链接线

href属性必须是webbrowser中可访问的路径和文件（如果您在本地主机上运行该属性，它可能会工作，但在您将其上载到服务器时不会工作）

rel属性不需要相对路径，它想知道链接的文件类型。因此，如果您没有使用“type”属性，它将使用“rel”来知道它是什么

您可以尝试以下方法以了解其是否有效：

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

并将style.css文件存储在html文件所在的同一目录中。一旦你看到它是否有效，你可以尝试将它移到其他地方

rel=“style.css”

应该是

rel=“stylesheet”