时间戳

首页 > 解决方案 > CSS 不适用于 HTML

html - CSS 不适用于 HTML

问题描述

我已经准备好 HTML，现在我的任务是为它创建 CSS。在我正确开始之前，我认为我的 CSS 没有应用到我的 HTML 中。我不知道它是否是我链接它的方式，但我已经检查过了。这是 HTML

.header {
    width: 100%;
    border: 3px solid #000000;
    color: #C8E5E3;
}
.body {
	   background-color: powderblue;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <!-- Exercise2.html An HTML web page with CSS
     -->

    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
      <title>Jake's Coffee Shop</title>
    <link rel="stylesheet" href="jakecss.css">
    </head>
    <body>
      <h1> Jake's Coffee Shop </h1>
    
      <a href="Exercise2.html">Home</a>
      <a href="menu.html">Menu</a>
      <a href="music.html">Music</a>
      <a href="jobs.html">Jobs</a>
      <p>Come in and experience...</p>
      <img src="coffee.jpg" alt="coffee cup" width="200" height="200">
      <ul>
        <li>Specialty Coffee and Tea</li>
        <li>Freshly made sandwiches</li>
        <li>Bagels, Muffins, and Organic Snacks</li>
        <li>Music and Poetry Readings</li>
        <li>Open mic nights</li>
        <li> ... </li>
      </ul>
      <p>23 Pine Road<br> Nottingham, NG1 5YU <br> 0115 9324567</p>
      <p> Copyright &copy; 2011 Jake's Coffee House<br>
      <a href="mailto:jake@jcoffee.com">jake@jcoffee.com</a></p>
    </body>
    </html>

谢谢。

标签： htmlcss

解决方案

您没有任何使用您的header班级的标签。

.body寻找一个名为body. 要装饰你的<body>标签，你需要这样做：

body { 
    background-color: powerblue
}

推荐阅读