我的CSS没有显示出来

时间:2017-05-23 21:44:14

标签: html css

我知道你已经有20个这样的问题,但似乎没有一个在我的情况下,那些似乎适合我的问题类别的问题无济于事。

我将展示我的HTML和我的CSS脚本(这些只是一个测试,但我重新检查了代码,一切似乎都正确) 它似乎也在HTML记事本上工作,但是当我保存并点击桌面上的chrome图标时,它无法正常工作。

html {
    background-color:#373842;
}
h1 {
    font-family:Arial; color:white;text-decoration:underline;
}
img {
    border:1px solid white;
}
p {
    font-family:Arial;color:white;
}
h3 {
    font-family:Arial; color:white;text-decoration:underline;
}
li {
    font-family:Arial;color:white;
}
table, th, td {
    border:1px solid white;
}
th, td {
    padding:1px;color:white;
}
th {
    text-align:left;
}
caption {
    color:white;
}
h2 {
    font-family:Arial;color:white;
}
<!DOCTYPE html>
<html>
    <head>
        <title>Coding!</title>
        <link type=text/css rel=stylesheet href=Coding.css/>
    <body>
        <h1><em>Coding!</em></h1>
        <p>This is one of my most advanced HTML & CSS webpages!</p>
       <a href=www.smogon.com>
        <img src="https://cdn.discordapp.com/attachments/210717261084753920/308978986514645004/tumblr_o2x8zcNoFD1urr1ryo1_500.gif" 
        height="300" width="300"/>
        </a>
        <p>This is an amazing picture of clefairy/gengar in a creepy setting. If you click the picture, it will bring you to 
		smogon which is a Pokemon PvP Site. On this site you can find; Pokemon sets to use in PvP, Pokemon PvP Articles, a 
		damage calculator and much more!</p>
		<p>I plan to code Webpages, Games, Bots, Forums etc. much more when i master HTML, CSS and JavaScript. After this i plan to make webpages with HTML, CSS and JavaScript, make games with C++, and make forums with PHP.</p>
		<p>I am also looking for 1-4 people so i can make a small coding group, with them we would make games, webpages, forums etc. I know i said <strong>I</strong> would do these things in the future but coding is complex and it takes long to do (especially if you do it alone.) so if anyone knows how to code i would be greatful if we could make a group so you could help me with some of my projects.</p>
		<h3>What I Plan To Do:</h3>
		<ul>
		    <li>Make A Pokemon Game</li>
		    <li>Make A Website</li>
		    <li>Make Another Game</li>
		    <li>Make A Forum</li>
		    <li>Make A Bot</li>
		</ul>
		<p>I will think of a lot of other cool ideas, but for now we will just stick with those ones and see how they work out.</p>
		<p>You may not believe this but this tiny webpage is actually a lot of code on HTML and CSS!</p>
		<table>
		    <caption>Members of The Team</caption>
		    <tr>
		        <td>First Name</td>
		        <td>Last Name</td>
		        <td>Username</td>
		        <td>Age</td>
		    </tr>
		    <tr>
		        <td>Di Loni</td>
		        <td>Di Lorenzo</td>
		        <td>SH4RK1701 & TheProdigy</td>
		        <td>15</td>
		    </tr>
		</table>
		<p>Anyway that's all for now!</p>
		<h2>Cya Next Time!</h2>
    </body>
</html>

2 个答案:

答案 0 :(得分:1)

关闭<head>代码</head>

html {
  background-color: #373842;
}

h1 {
  font-family: Arial;
  color: white;
  text-decoration: underline;
}

img {
  border: 1px solid white;
}

p {
  font-family: Arial;
  color: white;
}

h3 {
  font-family: Arial;
  color: white;
  text-decoration: underline;
}

li {
  font-family: Arial;
  color: white;
}

table,
th,
td {
  border: 1px solid white;
}

th,
td {
  padding: 1px;
  color: white;
}

th {
  text-align: left;
}

caption {
  color: white;
}

h2 {
  font-family: Arial;
  color: white;
}
<!DOCTYPE html>
<html>

<head>
  <title>Coding!</title>
  <link type=text/css rel=stylesheet href=Coding.css/>
</head>

<body>
  <h1><em>Coding!</em></h1>
  <p>This is one of my most advanced HTML & CSS webpages!</p>
  <a href=www.smogon.com>
    <img src="https://cdn.discordapp.com/attachments/210717261084753920/308978986514645004/tumblr_o2x8zcNoFD1urr1ryo1_500.gif" height="300" width="300" />
  </a>
  <p>This is an amazing picture of clefairy/gengar in a creepy setting. If you click the picture, it will bring you to smogon which is a Pokemon PvP Site. On this site you can find; Pokemon sets to use in PvP, Pokemon PvP Articles, a damage calculator and
    much more!</p>
  <p>I plan to code Webpages, Games, Bots, Forums etc. much more when i master HTML, CSS and JavaScript. After this i plan to make webpages with HTML, CSS and JavaScript, make games with C++, and make forums with PHP.</p>
  <p>I am also looking for 1-4 people so i can make a small coding group, with them we would make games, webpages, forums etc. I know i said <strong>I</strong> would do these things in the future but coding is complex and it takes long to do (especially
    if you do it alone.) so if anyone knows how to code i would be greatful if we could make a group so you could help me with some of my projects.</p>
  <h3>What I Plan To Do:</h3>
  <ul>
    <li>Make A Pokemon Game</li>
    <li>Make A Website</li>
    <li>Make Another Game</li>
    <li>Make A Forum</li>
    <li>Make A Bot</li>
  </ul>
  <p>I will think of a lot of other cool ideas, but for now we will just stick with those ones and see how they work out.</p>
  <p>You may not believe this but this tiny webpage is actually a lot of code on HTML and CSS!</p>
  <table>
    <caption>Members of The Team</caption>
    <tr>
      <td>First Name</td>
      <td>Last Name</td>
      <td>Username</td>
      <td>Age</td>
    </tr>
    <tr>
      <td>Di Loni</td>
      <td>Di Lorenzo</td>
      <td>SH4RK1701 & TheProdigy</td>
      <td>15</td>
    </tr>
  </table>
  <p>Anyway that's all for now!</p>
  <h2>Cya Next Time!</h2>
</body>

</html>

答案 1 :(得分:0)

您错过了head的结束标记。另请检查您的文件名。