外部样式表不起作用

时间:2018-05-01 00:16:51

标签: html

您好我的HTML问题我不想识别我的外部样式表。



<!DOCTYPE html> 
<!-- Brock Paradise 4/28/18 -->
<html lang="en">
	<head>
	<title> Brock Paradise R&#233sum&#233 </title>
	<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"
	<link rel=stylesheet" type='text/css'
  href="CSS/stylesheet.css">
	
	</head>
	
	<header>
	<h2> Oakland Brock Paradise R&#233sum&#233 </h2>
	</header>

	<body>
	
	<nav> 
	<ul>
<li> <a href="#Summary"> Summary </a> </li>
<li> <a href="#Contact"> Contact Information </a> </li>
<li> <a href="#Skills"> Skills </a>	</li>
<li> <a href="#Education"> Education </a> </li>
	</ul>
	</nav>
	
	<main>
	<h2> Contact Information </h2>
	<p id="Contact">
	<ul> 
	<li> Oakland Brock Paradise </li>
	<li> 918 East Alabama Avenue </li>
	<li> Albertville, Alabama, 35950 </li>
	<li> (256) 506-0522 </li>
	<li> oakland.paradise@gmail.com </li>
	</ul>
	</p>
	<h2> Summary </h2>
	<p id="Summary">
	Graduated from Boaz High School with an advanced diploma and currently attending Snead State Community College with a General Education major. Worked at Snead State Community College as a baseball manager attending to the players and umpires needs while keeping the inventory and making sure everything was cleaned and in its proper place. Volunteered at Hamacon a convention in Huntsville, Alabama where I was part of registration and also helping out anywhere that was needed.  I’ve also worked for Marshall Medical South as a shuttle driver for a short period improving my communication skills and my ability to get where I need to be in a timely manner.
	</p>
	<style>
table {
    border-collapse: collapse;
    border: 1px solid black;
} 

th,td {
    border: 1px solid black;
}

table.a {
    table-layout: auto;
    width: 180px;    

}
</style>
<p id="Education">
	<h2> Education </h2>
<table class="a">
  <tr>
    <th>School</th>
    <th>Degree/Diploma</th>
    <th>Graduated Year</th>
  </tr>
  <tr>
    <td>Boaz High</td>
    <td>Advanced Diploma</td>
    <td>May 2013</td>
  </tr>
  <tr>
    <td>Snead State</td>
    <td>General Education</td>
    <td>May 2018</t>
  </tr>
</table>
</p>
 <h2> Employment History </h2>
	<ul>
	<li> Snead State Baseball Manager from August 2014 - May 2015 </li>
	<li> Volunteered at Hamacon a convention in Huntsville, Alabama from 2017 - Present </li>
	<li> Marshall Medical South shuttle driver from Septemper 2017 - Febuary 2018 </li>
	</ul>
	<p id="Skills">
	<h2> Professional Skills </h2>
	<ul>
	<li> Management </li>
	<li> Sanitation </li>
	<li> Inventory Work </li>
	<li> Communication </li>
	<li> Teamwork </li>
	<li> Organization </li>
	<li> Multitasking </li>
	<li> Priortization </li>
	<li> Adaptablility </li>
	<li> Time Management </li>
	<li> Quick Learner </li>
	<li> Driving </li>
	</ul>
	</p>
	<style>
.responsive {
    width: 100%;
    height: auto;
}
</style>
<img class="responsive" src="Images/Thumbsup.jpg" alt="Thumbsup"  width="400" height="100">
	</main>
	</body>
	
	<footer>
	<p> Brock Paradise 2018&copy;</p>
	</footer>
	
	</div>

</html>
&#13;
&#13;
&#13;

这是我目前的代码和这些:

https://gyazo.com/ac9fd81a642a7c0004056be68ac140aa

https://gyazo.com/d179a47cfd5e5b7ba4997617d21c6672?token=f93f8d160431f2913bcc6d388cd4eb05

是文件位置 我无法弄清楚为什么它不能正常工作,我对此非常陌生如此抱歉,如果我没有多大帮助。

1 个答案:

答案 0 :(得分:0)

您发送的文件中缺少元标记末尾的结束标记。

从此改变:

<html lang="en">
<head>
  <title> Brock Paradise R&#233sum&#233 </title>
  <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"
  <link rel=stylesheet" type='text/css' href="CSS/stylesheet.css">
</head>

对此:

<html lang="en">
<head>
  <title> Brock Paradise R&#233sum&#233 </title>
  <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1"/>
  <link rel="stylesheet" type="text/css" href="CSS/stylesheet.css">
</head>