Question

以下是我们之前要完成的任务。

CSS样式表...

body {
background-color: rgb(184, 179, 173);
}

.header{

h1{
font-family:"Impact", Charcoal, "sans-serif";
color: rgb(217, 89, 0);
margin-left: 20px;
font-size:65px;
text-align: center;
}

h2{
font-family:"arial black", gadget, "sans-serif";
color: rgb(242, 125, 0);
margin-left: 20px;
font-size:40px;
text-align: center;
text-decoration: underline;
}

p{
font-family:"arial", arial, "sans-serif";
color: rgb(51, 53, 36);
margin-left: 32px;
font-size:20px;
text-align: left;
text-indent:-32px

}

img {
    display: block;
    margin: 0 auto;
    width:230px;
    height:320px;
}

HTML页面

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="JillBowman2.css">
</head>
<body>

<h1>Jill Bowman</h1>
<img  src="https://s26.postimg.org/9p6vuu5i1/JBowman.png" alt="Jill-Bowman-Photo">
<br>
<h2>Education</h2>
<p>Bachelor of Science - Elementary Education<br>
Oklahoma State University - Stillwater, OK<br>
May 2010</p>
<br>
<p>Master of Education - Educational Technology <br>
University of Arkansas - Fayetteville, AR<br>
Anticipated December 2018.</p>
<h2>Educational Experience</h2>
<br>
<p>6th Grade Math Teacher - McKinney, TX<br>
From August 2015 - June 2017 I was employed by McKinney Independent School District as a 6th grade math teacher at Dowell Middle School. During my time at Dowell I taught on-level, Pre-AP, and GT. I was the NJHS sponsor and coordinated a fundraising campaign that raised over $10,000 for the Leukemia and Lymphoma Society. I was also the Academic UIL coach for Calculator Applications and Number Sense. My students consistently placed in the top 5 in both events. In the 2016-2017 school year, 59% of my students scored at the highest level on the STAAR test.</p>
<br>
<p>8th Grade Math Teacher - Carrollton, TX<br>
From August 2014 - June 2015 I was employed by Carrollton-Farmers Branch Independent School District as an 8th grade math teacher at Dan F. Long Middle School. While at Long, I taught Algebra 1 and 8th grade math. I implemented a blended classroom with the use of 1-to-1 iPads. I was also the head cheer coach and StuCo sponsor at Long.</p>
<br>
<p>Middle School Math Teacher - Tulsa, OK<br>
From August 2012 - June 2014 I was employed by Tulsa Union Public School as a math teacher at the Union 6th/7th Grade Center. While at U6/7 I taught all levels of math to 6th and 7th grade. I was also the leader of two after school clubs. One of my clubs talked about current events and the other taught the students how to cook easy and healthy meals for their families. I was also the afternoon detention teacher. </p>
<br>
<p>7th Grade Math Teacher - Liberal, KS<br>
From August 2011-May 2012 I was employed by Liberal USD 480 as a 7th grade math teacher at West Middle School. While at WMS, I taught various levels of 7th grade math. I was also responsible for security at all sporting events. </p>
<br>
<p>6th Grade Core Teacher - Liberal, KS<br>
From August 2010 - May 2011 I was employed by Liberal USD 480 as a 6th grade core teacher at Cottonwood Intermediate School. I was responsible for teaching my students math, science, social studies, and language arts. While at CIS I worked for Project BEST which was an after school enrichment and remediation program. </p>
<br>
<h2>Showcase</h2>
<br>
<p>As a requirement for one of my master’s classes, I built a website with various technology tutorials. Please visit my page by clicking <a href="https://jeb029.wixsite.com/website"> here.</a>
<h2>Contact Me</h2>
<p>Feel free to contact me via <a href="mailto:jeb029@email.uark.edu">Email.</a></p>
</body>
</html>

Answer 1

据我了解，您已经在HTML文件中引用了样式表。你需要做的就是添加一个div元素，它只是一个容器，并“调用”各种css定义。我认为您的初步尝试工作正常，但您并没有完全调用标头CSS定义：

    <div class="header">Header</div>

在一天结束时，如果您仍需要帮助，我建议您先看一下：Simple div with header,footer and body

页眉/页脚/主要代码

1 个答案: