Question

已经为我准备好了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>

谢谢。

Answer 1

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

.body查找称为body的类。要装饰<body>标签，您需要这样做：

body { 
    background-color: powerblue
}

Answer 2

您缺少yarn html标签。

对于html的部分标记，css通过使用

来应用

header

对于类属性是

header { //some value }

对于标签来说

.header_class { //some value }

所以您的身体是html标签，应该是

#header_tag { //some value }

CSS不适用于HTML

2 个答案: