html - 无法将 CSS 文件连接到 HTML 文件

标签 html css

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 7 年前

几天前我开始学习 HTML。现在我试图嵌入一个 CSS 文件,它应该改变正文的字体,但它没有 ;)。

我有一个非常简单的 HTML 文件:

<head>                                             
    <meta charset="UTF-8">                         
    <title>TEXT</title>                            
    <meta name="description" content="Darum gehts auf der Page">  
    <meta name="keywords" content="fugenspachtel, silikon" >    
    <meta http-equiv="expires" content="0">        
    <style>
        article {
            color: green;                          
        }
        h1 {
            color: blue;
        }
    </style>
    <link rel="stylesheet" href="css/stylesheet.css">    

</head>

<body>                                             
    <header>                                       
        <h1 style="color: red">TEXT <br> <span>TEXT</span></h1>      
    </header>

    <section>                                      
        <article>
        <p>TEXT</p>
        <img src="images/spachtel1.jpg"><br>
        <img src="images/spachtel1.jpg"><br><br>
        </article>
    </section>

    <footer>                                          
        <h3>text<br>
    </footer>
</body>

这是带有主体颜色的 CSS 文件:

@font-face {                                                    
    font-family: 'alex_brushregular';
    src: url('alexbrush-regular-webfont.eot');
    src: url('alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('alexbrush-regular-webfont.woff2') format('woff2'),
    url('alexbrush-regular-webfont.woff') format('woff'),
    url('alexbrush-regular-webfont.ttf') format('truetype'),
    url('alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {                                                          
    font-family: 'alex_brushregular', 'sans-serif';
}

我有一个元素文件夹,在该文件夹中还有一个名为 CSS 的文件夹。在该文件夹内有所有不同格式的字体(例如 .ttf、.eot 等)。

文件夹结构如下: http://i.imgur.com/tM5Cvko.png

最佳答案

你错过了样式表末尾的字母 s,使用

<link rel="stylesheet" href="css/stylesheets.css">   

代替

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

关于html - 无法将 CSS 文件连接到 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37037463/

上一篇:css - 使用纯 css 创建 'wing' Angular 技巧

下一篇:html - 在屏幕上居中放置一个 float block

相关文章:

html - Div 没有获取其父级的完整高度(使用 `vh` 统一)?

html - 如何使用 flex 在 bootstrap 4.1 中获取可滚动的选项卡内容

html - 任何影响 UIWebView(例如 Cordova、PhoneGap)内的 HTML 选择的 iOS8 错误的解决方法?

jquery - 动态禁用和启用单选按钮

php - 使用 CSS 定位具有 ID 的表内的特定类 - 更改 ROW 背景

html - 背景颜色未出现在此上下文中

jquery - 将所有子项设置为最大子项的高度

javascript - 动态隐藏列表中的元素,隐藏元素不占用页面上的空白空间

html - 已安装 Div 覆盖框架

html - 如何将段落显示为水平列表?