HTML CASE PROBLEM 1- PLEASE HELP create a style rule for every paragraph that se
ID: 3910485 • Letter: H
Question
HTML CASE PROBLEM 1- PLEASE HELP
create a style rule for every paragraph that sets the margin space to 0 pixels and the padding space to 5 pixels on top and 25 pixels on the right, bottom, and left.
For paragraphs that are direct children of the body element, create a style rule that sets the font size to 1.1em and horizontally centers the paragraph text.
Create a style rule for the address element that sets the font style to normal with a font size of 0.9em, horizontally centered on the page. Set the top and bottom padding to 10 pixels.
Navigation Lists
Next, you’ll format the appearance of navigation lists on the page. Go to the Navigation Styles section and create a style rule for the nav a selector that displays the hypertext links using the font stack: Trebuchet MS, Helvetica, sans-serif. Set the top and bottom padding to 10 pixels.
For every unvisited and previously visited hypertext link within a nav element, set the text color to white, remove underlining from the link text, and set the background color to the semi-transparent value hsla(0, 0%, 42%, 0.4).
For every active or hovered link in a navelement, set the text color to the semi-transparent value hsla(0, 0%, 100%, 0.7) and set the background color to the semi-transparent value hsla(0, 0%, 42%, 0.7).
Explanation / Answer
here is your answer : ------------>>>>>>>
<!DOCTYPE html>
<html>
<head>
<title>Styles</title>
<style type="text/css">
body{
background-color: silver;
}
p{
margin: 0;
padding-top: 5px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
}
body > p{
font-size: 1.1em;
text-align: center;
}
address{
font-style: normal;
font-size:0.9em;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
nav{
font-family: Trebuchet MS,Helvetica,sans-serif;
padding-top: 10px;
padding-bottom: 10px;
}
nav > a{
color: hsla(0,0%,42%,0.7);
text-decoration: none;
}
nav > a:active,nav > a:hover{
color:hsla(0,0%,100%,0.7);
background-color: hsla(0,0%,42%,0.7);
text-decoration: none;
}
</style>
</head>
<body>
<p>
Checking the body Style Of p;
</p>
<address>
<p>
Checking other Style of p. and address.
</p>
</address>
<nav>
<a href="test1.html">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.