这是我的html编码。当我在firefox中运行网页时,根本没有颜色或格式,只是我输入的信息。我尝试以不同的方式键入代码但仍然无效。我在firefox中进入开发人员并且css没有显示,当我添加它时,网页被格式化。我如何解决这个问题,所以我不需要每次都去开发人员添加css?
<!DOCTYPE html>
<html>
<head>
<title> Penn State Health St. Joseph Radiology Employee Reference</title>
<!-- Author: Brie Rennig -->
<!-- Date: 08/24/2016 -->
<link rel="stylesheet" type="text/css" href="rem.css">
</head>
<body>
<div id="wrapper">
<h1>
Penn State Health St. Joseph Radiology Employee Reference
</h1>
</div>
<nav>
<ul>
<li><a href="rem_index.html">Home</a></li>
<li><a href="Workflow.html">Workflow</a></li>
<li><a href="Scrubs.html">Uniforms</a></li>
<li><a href="Protocols.html">Protocols</a></li>
<li><a href="PACS.html">PACS</a></li>
<li><a href="Resources.html">Resources</a></li>
<li><a href="Students.html">Students</a></li>
<li><a href="About_Us.html">About Us</a></li>
</ul>
</nav>
<main>
<center>
<img src="ps_health.jpg" id="ps_health">
</center>
<br>
<div id="Statement_Health">
<center>
<h2>
Mission Statement
</h2>
<!-- This text is emphasised as it is the mission statement for Penn State Health -->
<em>
The Mission of St. Joseph's is to nurture the healing ministry of the Church, supported by education and research. <br/>
Fidelity to the Gospel urges us to emphasize human dignity and social justice as we create healthier communities. <br/>
<br/>
</em>
</center>
</div>
<br/>
<div id="Prayer">
<h3>
Radiologic Technologist Prayer
</h3>
<em>
Almighty and merciful Lord, <br/>
I thank thee for giving me this day <br/>
That I may be able to serve my brethren.<br/>
<br/>
Thou give me a keen of mind, <br/>
To be able to formulate appropriate factor <br/>
Just enough kVp to penetrate <br/>
And mAs for density <br/>
To produce a good quality radiograph. <br/>
<br/>
Grant that I may also possess <br/>
A hand with a tender touch <br/>
That I may not intensify the suffering <br/>
as I position the patient.. <br/>
<br/>
Lastly Lord, let me wear a sweet smile, <br/>
And speak soft and pleasant words <br/>
which may sooth the afflicted <br/>
And that they may have confidence in me. <br/>
<br/>
For the honor and glory of Thy kingdom <br/>
Amen. <br/>
<br/>
</em>
</div>
<footer>
<ul>
<li><a href="rem_index.html">Home</a></li>
<li><a href="Workflow.html">Workflow</a></li>
<li><a href="Scrubs.html">Uniforms</a></li>
<li><a href="Protocols.html">Protocols</a></li>
<li><a href="PACS.html">PACS</a></li>
<li><a href="Resources.html">Resources</a></li>
<li><a href="Students.html">Students</a></li>
<li><a href="About_Us.html">About Us</a></li>
</ul>
<br />
<p> <font face="algerian"> <font color= "#CCCCFF"> Posted by: Brianna Rennig </font> </p> </font>
<p> <font color= "#CCCCFF"> Contact Information: <a href="mailto:btr130@psu.edu">btr130@psu.edu</>.</font> </p>
<a href="http://www.thefutureofhealthcare.org/"> Penn State Health St. Joseph </a>
</footer>
</div>
</body>
</html>
这是我的CSS
body {
background: linear-gradient(to bottom, #f5f5f5, #0045cc);
}
#ps_health
{
}
#ballon_quote
{
border:5px;
border-style:ridge;
border-color:dark-blue;
width:60%;
height:50%;
}
#sms_MobileOnly
{
display: none;
}
#Statement_Health
{
margin-left: auto;
margin-right: auto;
width:90%;
border: 2px solid; black;
background-color: #CCCCFF;
}
#Prayer
{
margin-left: 25%;
margin-right: auto;
width:50%;
border: 2px solid; black;
background-color: #CCCCFF;
text-align: center;
}
footer ul
{
list-style-type: none;
}
footer li
{
display: inline;
}
footer a
{
text-decoration: none;
color: black;
}
nav ul
{
list-style-type: none;
}
nav a
{
text-decoration: none;
}
#wrapper
{
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #EAEAEA;
}
header
{
background-color: #CCCCFF;
margin-left: auto;
margin-right: auto;
width: 100%;
font-size: 24px;
font-family: Verdana;
font-weight: 900;
text-transform: uppercase;
text-align: center;
}
main
{
margin-left: 200px;
padding: 10px;
background-color: #FFFFFF;
font-family: Times New Roman ;
}
footer
{
text-align: center;
background-color: #CCCCFF;
margin-left: auto;
margin-right: auto;
width: 100%;
font-family: Verdana;
font-weight: 900;
text-transform: uppercase;
}
nav
{
float: left;
width: 250px;
}