html - 外部样式表不起作用
问题描述
您好,我的 HTML 出现问题,不想识别我的外部样式表。
<!DOCTYPE html>
<!-- Brock Paradise 4/28/18 -->
<html lang="en">
<head>
<title> Brock Paradise Résumé </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ésumé </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©</p>
</footer>
</div>
</html>
这是我当前的代码和这些:
https://gyazo.com/ac9fd81a642a7c0004056be68ac140aa
https://gyazo.com/d179a47cfd5e5b7ba4997617d21c6672?token=f93f8d160431f2913bcc6d388cd4eb05
是文件位置,我无法弄清楚为什么它不起作用,我真的很陌生,很抱歉如果我没有太多帮助。
解决方案
从您发送的文件中,您的元标记末尾缺少一个结束标记。
从此改变:
<html lang="en">
<head>
<title> Brock Paradise Résumé </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ésumé </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>
推荐阅读
- excel - 如何打开用 Dir 找到的文件?
- javascript - 如何让 hbs 从回调函数中渲染数组?
- branch.io - 用于打开网页的深层链接,用户可以在其中提交表单,然后将他带到应用程序下载页面
- c++ - char* with text 是否会像使用 malloc 一样自动保留内存?
- php - 我正在学习函数式编程,我想知道是否有更好的方法来做到这一点?
- postgresql - Postgres间隔Spring数据动态参数不起作用
- jekyll - 在 github 页面上获取页面贡献者
- asp-classic - 如果未确定用户,则显示限制页面,否则,显示所需页面
- r - 随机森林确定解释变异的最重要的预测因子
- java - E/RecyclerView:没有附加适配器;跳过布局,不重复没有任何效果(不显示框架)