Go to the Main Structural Styles section and do the following: Change the backgr
ID: 3910144 • Letter: G
Question
Go to the Main Structural Styles section and do the following:
Change the background color of the browser window by creating a style rule for the html element that sets the background color to the value hsl(27, 72%, 72%).
For the body element, create a style rule to set the text color to the value rgb(91, 91, 91), the background color to ivory, and body text to the font stack: Verdana, Geneva, sans-serif.
Footer Address
Create a style rule for the body > footer addressselector containing the following styles:
The background color set to the value rgb(222, 128, 60)
The font color to white and then to the semitransparent value rgba(255, 255, 255, 0.6)
The font style to normal displayed in bold small capital letters with a font size of 0.9em and a line height of 3em using the font stack Nobile, Verdana, Geneva, sans-serif
The text horizontally centered on the page
Explanation / Answer
Please find html document with given style
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="SS.css" rel="stylesheet" />
<meta charset="utf-8" />
</head>
<body>
<div>
Complete body text here.
</div>
<footer>
<div>
<p>Footer text here</p>
</div>
<div>
<p>
Contact information: <a href="mailto:someone@example.com">
someone@example.com
</a>.
</p>
</div>
</footer>
</body>
</html>
I have used inline CSS. If external CSS is required, use following sheet in your style sheet.
body {
color:rgb(91, 91, 91);
background-color:ivory;
font-family:Verdana, Geneva, sans-serif;
height:100%;
width:70%;
text-align:center;
margin-left:15%;
}
body::after{
background-color:rgb(222, 128, 60);
color:rgba(255, 255, 255, 0.6);
}
html{
background-color:hsl(27, 72%, 72%);
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.