我的CSS没有'；我不能在我的HTML文件上应用_Html_Css

我的CSS没有'；我不能在我的HTML文件上应用

html css

我的CSS没有'；我不能在我的HTML文件上应用,html,css,Html,Css,我刚开始使用html和css，但我已经遇到了一个问题。我制作了一个html文件和一个小css文件，但是当我进入浏览器时，我只看到html的变化 HTML: <!doctype html> <html> <head> <meta charset="utf-8"> <title> INTAKE &l

我刚开始使用html和css，但我已经遇到了一个问题。我制作了一个html文件和一个小css文件，但是当我进入浏览器时，我只看到html的变化

HTML:

    <!doctype html>
    
    <html>
      
        <head>
        
            <meta charset="utf-8"> 
            <title> INTAKE </title>
            <link rel="stylesheet" href="main.css" type="text/css"/>
        
        <head>  
    
        <body>
        
            <h1>Intake opdracht</h1>
    
            <p> <strong> <em> 
            Lorem ipsum dolor sit amet, mel te porro eirmod argumentum, has exerci laboramus voluptatibus at. 
            Unum congue legimus sea eu, has no luptatum percipitur. 
            Omnium eleifend voluptatibus has eu. 
            Usu commodo tamquam inermis ei. 
            Elitr aperiri consectetuer at usu, mundi mollis docendi pri et.
            </em> </strong> </p>
    
                <img src="images/html.png"
 onerror="this.src='http://www.moondoggiegraphics.com/html5.png';" width="300"/> 
    
            <p> <i> 
            Soleat facete audiam per eu, sed ex labores tractatos euripidis, quo ut delectus aliquando philosophia. 
            Cum aeque putent ad, amet legere quo in. 
            Inciderint theophrastus qui et, petentium eloquentiam qui te. 
            Nec ad brute nusquam accusam. 
            Duo eu vero commodo, noluisse oportere has ea, at solum debet omnes mea. 
            Mea aperiam bonorum efficiantur eu, te qui alii commodo numquam. 
            </em> </p>
       
                <img src="images/css.png" 
onerror="this.src='http://www.logotypes101.com/logos/194/830812341256B99B32E1A9F242BB9F5F/css3logo.png';"width="200"/>
     
            <p> <i> 
            At per esse eirmod omittam, odio omnis te sed. 
            Id pri graeci prodesset deseruisse, usu etiam eligendi adolescens ut. 
            Ex iudico quodsi vix, id pro exerci ignota, sententiae accommodare mel te. 
            Eos ad nisl velit vitae, vim sonet facilis conceptam et. 
            Eu has intellegam neglegentur, et nam sumo nusquam. Ut ubique luptatum volutpat vim, labitur sapientem mea ea. 
            </em> </p>
     
            <p> <em> 
            Autem saperet cum an. 
            In sit amet harum impetus. 
            Sit ornatus expetendis cu. 
            Nam diceret detraxit intellegam no. 
            </em> </p>
     
                <p> Bron van de <a href= "http://generator.lorem-ipsum.info/"> <b> Lorem ipsum tekst. </b> </a> </p>
    
        </body> 
    
    </html>

@charset "utf-8";

p{
    text-align:center;
}

h1{
    background-color:yellow;
    text-align:center; 
}

我已经添加了文件夹的图片

解决了的

问题不是我的代码，而是我电脑上的某个东西，我仍然不知道它是什么，但我在笔记本电脑上尝试了该代码，它成功了。

确保css文件链接正确，如下所示：

<html>

    <head>

        <meta charset="utf-8"> 
        <title> INTAKE </title>
        <link rel="stylesheet" href="main.css" type="text/css"/>

    <head>  

    <body>

        <h1>Intake opdracht</h1>

    <p> <strong> <em> 
    Lorem ipsum dolor sit amet, mel te porro eirmod argumentum, has exerci laboramus voluptatibus at. 
    Unum congue legimus sea eu, has no luptatum percipitur. 
    Omnium eleifend voluptatibus has eu. 
    Usu commodo tamquam inermis ei. 
    Elitr aperiri consectetuer at usu, mundi mollis docendi pri et.
    </em> </strong> </p>

        <img src="images/html.png" onerror="this.src='http://www.moondoggiegraphics.com/html5.png';" width="300"/> 

    <p> <i> 
    Soleat facete audiam per eu, sed ex labores tractatos euripidis, quo ut delectus aliquando philosophia. 
    Cum aeque putent ad, amet legere quo in. 
    Inciderint theophrastus qui et, petentium eloquentiam qui te. 
    Nec ad brute nusquam accusam. 
    Duo eu vero commodo, noluisse oportere has ea, at solum debet omnes mea. 
    Mea aperiam bonorum efficiantur eu, te qui alii commodo numquam. 
    </em> </p>

        <img src="images/css.png" onerror="this.src='http://www.logotypes101.com/logos/194/830812341256B99B32E1A9F242BB9F5F/css3logo.png';"width="200"/>

    <p> <i> 
    At per esse eirmod omittam, odio omnis te sed. 
    Id pri graeci prodesset deseruisse, usu etiam eligendi adolescens ut. 
    Ex iudico quodsi vix, id pro exerci ignota, sententiae accommodare mel te. 
    Eos ad nisl velit vitae, vim sonet facilis conceptam et. 
    Eu has intellegam neglegentur, et nam sumo nusquam. Ut ubique luptatum volutpat vim, labitur sapientem mea ea. 
    </em> </p>

    <p> <em> 
    Autem saperet cum an. 
    In sit amet harum impetus. 
    Sit ornatus expetendis cu. 
    Nam diceret detraxit intellegam no. 
    </em> </p>

        <p> Bron van de <a href= "http://generator.lorem-ipsum.info/"> <b> Lorem ipsum tekst. </b> </a> </p>


    </body>
</html>

如果css文件与html文件位于同一目录中，则：

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

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

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

下面是一个包含上述代码的JSFIDLE:

我认为问题出在错误的HTML方案中。确保

和

正确关闭：

<html>
    <head>
    </head>  

    <body>
    </body>
</html>

假设您正确放置了css链接，您可能需要删除浏览器缓存。试试ctrl+f5

如果是这样的话，您可能已经在html文件中定义了css，而css文件是空的，在浏览器中打开了html文件。浏览器缓存了css文件。然后你开始写你的css，但是因为浏览器有一个旧css文件的缓存版本，你无法看到你的更改。

我刚刚在我的桌面上用你的代码创建了两个文件（一个HTML和一个css文件），css在上面应用得非常完美。你试过多种浏览器吗？对我来说，它在Google Chrome上运行良好。

尝试将href属性更改为href=“./main.css”

请检查css文件的扩展名。将有一个更改，文件名为main.CSS，而不是main.CSS。

您可以在FTP程序中或通过服务器上的命令行进行检查

main.css

是否与html文件位于同一文件夹中？否则您必须更改路径。这两个文件是否在同一文件夹中。css文件名为“main.css”，而不仅仅是“main”？顺便说一句，你不会看到任何

p{…}

样式（css）-它们只会影响

..

（html）。如果你能将一个示例上传到某个web服务器，我们可以帮上大忙，让我们看看。目前我们所能做的只是猜测，因为我们没有足够的信息。我真的不知道你想要什么信息，但我试着用Firebug检查我的css文件是否加载到了我的浏览器中。事实并非如此。我已经添加了我文件夹的图片，可能会有所帮助。检查了所有内容，看起来html是正确的。你可以复制粘贴html中的所有内容以及css中的所有内容，因为上面的内容在我这方面很好。我已经添加了文件中的所有内容。这正是我需要它的方式，但出于一些奇怪的原因，我不能这样看。没有解决任何问题，但谢谢你的评论。