Question

这个HTML并没有获得任何CSS。对我失踪的任何帮助 - 谢谢。

fun.html

<!doctype html>
<html lang="en">

<head>
    <link href="mainsite.css" rel="stylesheet">
    <meta name="keywords" content="HTML, Hyper Text Markup Language," />
    <meta charset="UTF-8" />
    <meta name="author" content="Miguel Castaneda" />
    <meta name="robots" content="all, nofollow" />
    <title>Building Blocks to Html</title>
</head>

    <body>
    <p class="center">THis class was center</p>
    <p id="center">This id was centered</p>
    <h1>This is h1 text</h1>

        </body> 


</html>

mainsite.css

#nav{
    //position: fixed;
    /right: 200px;
    //top: 200px;
    }

.center{
     text-align:center;
     color:red;

     }

center{
    text-align:center;
    color:red;
    }

body{color:blue;}


h1 {color:#00ff00;}

Answer 1

我认为这是链接css文件的正确方法，试试吧......

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

确保两个文件都在同一个文件夹中，因为您没有输入css的路径

你的html文件也缺少代码的打开

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

Answer 2

修复您的CSS，因为您已将“中心”列出两次，因此您的mainsite.css文件未正确加载。只需删除第二个“中心”ID。

CSS：

/* CSS Document */

#nav{
  //position: fixed;
 /right: 200px;
//top: 200px;
    }

.center{
 text-align:center;
  color:red;

     }

body{color:blue;}


 h1 {color:#00ff00;}

Answer 3

检查路径或清理缓存

HTML没有加载外部CSS

fun.html

mainsite.css

3 个答案: