Question

我是html和css的新手，并且使用外部CSS样式停留在课程上..请指导我。这是我到目前为止的html代码：

    <!DOCTYPE html>

<html>

<head>
 <link ref="stylesheet" type="text/css" href="styles.css"/>
</head>

<body>

<h1 class="ha">Welcome!!!</h1>

<hr>

<p class="style">welcome to our website!!!</p>

</body>

</html>

这是我的外部css代码：

h1.ha{color:blue;font-size:450%;text-allign:center;}
p.style{color:red;font-size:250%;}

Answer 1

链接到外部CSS时使用：

<link rel="stylesheet" href="styles.css"/>    <!-- You have "ref" instead of "rel" -->

然后在您的styles.css文件中：

.ha {
    color: blue;
    font-size: 45px;    /* I recommend using px, or em/rem for sizing text (ex: 12px) */
    text-align: center; /* You had a typo */
}

.style {
    color: red;
    font-size: 25px;    /* Again, use px, em or rem for text sizing */
}

Answer 2

您的代码中有两个错误。更正为rel="stylesheet"和text-align:center

html：使用外部css的类

2 个答案: