Question

我遇到了麻烦。每当我尝试加载文档时，CSS布局都不会出现。这是文字：

<!DOCTYPE html>
<html>
   <head>
   <body>
      <title>Waden B. Greaux Jr.</title>
      <link href="Style/Waden_Greaux Website.css" type="text/css"
         rel="stylesheet" />
      </head>
      <div id="header">
         <p>Hi! Welcome to the official site of Waden Greaux!</p>
         <hr />
         <p>
         <ul>
         <li><a href="Biography.html">Biography</a></li>
         <li><a href="Tips_and_Wisdom.html">Tips and Wisdom</a></li>
         <li><a href="Contact.html">Contact Me</a></li>
         <ul>
      </div>
      <!-- end of header -->
   </body>
   </p>
   <h1>Overview</h1>
   <p>Waden Greaux, age 16, is a high school student dedicated to changing the world for the better. He is a graphic designer, professional writer and journalist, programmer in 4 languages, and a full-time scholar in philosophy, mathematics, logic, and the sciences, in addition to being a computer enthusiast and investor in precious metals and stocks.</p>
</html>

这是CSS表格：

body {
    background-color: #fbbdf6;
}
title {
    font-family: Verdana, sans-serif;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    line-height: 1.6em;
    text-align: center;
}
h1 {
    font-family: Georgia, serif;
    font-size: 12px;
    text-align: justify line-height: 1.6em;
}
p {
    font-family: Arial, sans-serif font-size: 24px text-align: justify line-height: 1.5em;
}

Answer 1

我认为你的'头'和'身体'的角色有点混乱。 Head包含元数据，而所有内容都进入正文！

<!DOCTYPE html>
<html>
  <head>
    <title>Waden B. Greaux Jr.</title>
    <link href="Style/Waden_Greaux Website.css" type="text/css" rel="stylesheet" />
  </head>
  <body>
    <div id="header">
      <p>Hi! Welcome to the official site of Waden Greaux!</p>
      <hr />
      <p>
      <ul>
      <li><a href="Biography.html">Biography</a></li>
      <li><a href="Tips_and_Wisdom.html">Tips and Wisdom</a></li>
      <li><a href="Contact.html">Contact Me</a></li>
      <ul>
    </div>
    <!-- end of header -->
    </p>
    <h1>Overview</h1>
    <p>Waden Greaux, age 16, is a high school student dedicated to changing the world for the better. He is a graphic designer, professional writer and journalist, programmer in 4 languages, and a full-time scholar in philosophy, mathematics, logic, and the sciences, in addition to being a computer enthusiast and investor in precious metals and stocks.</p>
  </body>
</html>

了解更多here＆amp; here

感谢您的回复;我仍然无法加载CSS文件。

 <!DOCTYPE html>
        <html>
        <head>
        <body>
        <title>Waden B. Greaux Jr.</title>
        <link href="Style/Waden_Greaux Website.css" type="text/css"
           rel="stylesheet" />
           </head>
                    <div id="header">
                <p>Hi! Welcome to the official site of Waden Greaux!</p><hr />
        <p>
            <ul>
                <li><a href="Biography.html">Biography</a></li>
                <li><a href="Tips_and_Wisdom.html">Tips and Wisdom</a></li>
                <li><a href="Contact.html">Contact Me</a></li>
            <ul>
        </div><!-- end of header -->
        </body>
        </p>
        <h1>Overview</h1>
        <p>Waden Greaux, age 16, is a high school student dedicated to changing the world for the better. He is a graphic designer, professional writer and journalist, programmer in 4 languages, and a full-time scholar in philosophy, mathematics, logic, and the sciences, in addition to being a computer enthusiast and investor in precious metals and stocks.</p>

将CSS加载到HTML文档中

1 个答案: