Question

这是我的style.css文件内容。

的style.css

a {color:green; text-decoration: none;}
h1 {font-family: helvetica;}

这是我的索引html文件。

<html>
<head>


<title>
Test1
</title>
<meta charset="utf-8" />
</head>

<body>
<h1> My Website </h1>

<p>

visit me on facebook, press 
<a href="http://facebook.com" > 
hereeee please.
</a> . thank you.
<link rel="stylesheet" href="css/style.css" />
</p>
</body>
</html>

并且css文件的位置位于名为css的文件夹中，与index.html文件位于同一目录（文件夹）中。它们都在一个名为learning的桌面文件夹中，在其中，是index.html文件和一个名为css的文件夹，其中包含文件style.css。请帮助它成为我自学HTML的第一周。而且我被困住了。由于某种原因，字体正常变化，但颜色和文字装饰不是

Answer 1

    Link of the style should be in head.
    it is working:

js fiddle

<head>
  <title>  Test1    </title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="css/style.css" />
</head>

Answer 2

以下是需要遵循的HTML Basic示例代码

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>

    <h1>My Website</h1>

    visit me on facebook, press <a href="http://facebook.com" > hereeee please.</a> . thank you.

  </body>
</html>

Answer 3

您需要在head标记中放置对样式表的引用。像这样

<head>
   <link rel="stylesheet" href="css/style.css" />
</head>

a {color:green; text-decoration: none;}
h1 {font-family: helvetica;}

<h1> My Website </h1>

<p>visit me on facebook, press <a href="http://facebook.com">hereeee please.</a>. thank you.</p>

Answer 4

像这样编辑index.html代码

 <!DOCTYPE html>
    <html>
    <head>
      <title>  Test1    </title>
      <meta charset="utf-8" />
      <link rel="stylesheet" href="css/style.css" />
    </head>

    <body>
       <h1> My Website </h1>

       <p>   
       visit me on facebook, press 
       <a href="http://facebook.com" >    hereeee please.   </a> . thank you.
       </p>

    </body>
    </html>

css文件上的颜色不起作用

4 个答案: