My question was how would my style css would look. I need the style of the page
ID: 3853035 • Letter: M
Question
My question was how would my style css would look. I need the style of the page to look like this.
Body – font should be Verdana or sans-serif, center the contents as shown in the screen shot below, and apply a background color of silver
Header section – solid red bottom border
Main content section – solid red bottom border, and make the list items italic as shown.
Sidebar section – font size should be 75% of the body font. Solid red bottom border. Use
tag.
Footer section – use a font that is smaller than the standard font you are using.
H1 headings – background should be blue. Font should be white.
P paragraph – make the line height 1.5.
E Assignment 5 O file://C:/Users/chr s/Desktop/Assignment5/Assignments public html index.html Accomplishments for Christopher Haupt . My Profile University Links My Profile These are some of my key accomplishments Graduated from Austin Peay State University 2006 . Graduated from University of Denver 2008 ·Worked at University of Illinois from 2009-2012 and then again in 2013 My University Links University of Illinois at Springfield © 2014 Christopher Haupt NetID: chaup2Explanation / Answer
Hi, when you have to include an external css to your file then must do like this.
<link rel="stylesheet" href="your file name">
this must be in your header section.
Finally your HTML and CSS pages are here.
index.html:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<div class="heading1"><div class="main">Accomplishments for Christopher Haupt</div>
<ul>
<li><a href=""> My Profile</a></li>
<li><a href=""> University Links</a></li>
</ul>
</div>
<br>
<div class="heading1"><div class="main">My Profile</div>
There are some of key accomplishments
<ul>
<li>Graduated from Austin Peay State University 2006</li>
<li>Graduated from University od Denver 2008</li>
<li>Worked at university of Illinois 2009-12 and then again in 2013</li>
</ul>
</div>
<br>
<div class="heading1"> <div class="main">My University Links</div>
<ul>
<li><a href="">University of Illoins at SpringField</a></li>
<li><a href=""> University of Denver</a></li>
</ul>
</div>
<footer>@2014 Christopher Haupt NetId:chaup2</footer>
</div>
</body>
</html>
style.css
.heading1 {
border-bottom: 5px solid red;
}
body {
background-color: #aaa;
width: 600px;
margin: 20px 350px;
font-family: sans-serif ;
}
.main{
background-color: blue;
color: white;
font-size: x-larges;
font-weight: bold;
}
please post your comments if you still have any doubts.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.