@charset \"utf-8\"; /* New Perspectives on HTML5 and CSS3, 7th Edition Tutorial
ID: 3727872 • Letter: #
Question
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 4
Review Assignment
Design Style Sheet for Tree and Book Family Home Page
Author: Abdul R Farouk
Date: 3/6/2018
Filename: tb_visual3.css
*/
/* HTML Styles */
html{
background-image: url(tb_back5.png);
}
/* Page Body Styles */
body{
border-right: 3px solid rgb(169, 130, 88);
border-left: 3px solid rgb(169, 130, 88);
box-shadow: rgb(53, 21, 0) -25px 0px 35px;
}
/* Main Styles */
/* Figure Box Styles */
/* Article Styles */
/* Footer Styles */
can you please me with this.
CSS Styles HTML Styles Go to the tb_visual3.css file. In this file, you'll create the graphic design styles for the page Go to the HTML Styles section and create a style rule for the htnl element to use the image file tb_back5.png as the background. Page Body Styles Go to the Page Body Styles section and create a style rule for the body element that: adds a left and right 3-pixel solid border with color value rgb(169, 130, 88) " adds a box shadow to the right border with a horizontal offset of 25 pixels, a vertical offset of 0 pixels and a 35-pixel blur and a color value of rgb(53, 21, 0), and then adds the mirror images of this shadow to the left border Main Styles Go to the Main Styles section. Create a style rule for the main element that: applies the tb-back7.png file as a background image with a size of 100% covering the entire background with no tiling and positioned with respect to the padding box and · . adds two inset box shadows, each with a 25-pixel blur and a color value of rgb(71, 71, 71), and then one with offsets of-10 pixels in the horizontal and vertical direction and the other with horizontal and vertical offsets of 10 pixels. Create a style rule for the h1 heading within the main header that adds the following two text shadows: a shadow with the color value rgb(221, 221, 221) and offsets of 1 pixels and no blurring and .Explanation / Answer
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 4
Review Assignment
Design Style Sheet for Tree and Book Family Home Page
Author: Abdul R Farouk
Date: 3/6/2018
Filename: tb_visual3.css
*/
/* HTML Styles */
html{
background-image: url(tb_back5.png);
}
/* Page Body Styles */
body{
border-right: 3px solid rgb(169, 130, 88);
border-left: 3px solid rgb(169, 130, 88);
box-shadow: rgb(53, 21, 0) -25px 0px 35px;
}
/* Main Styles */
main{
background-image: url("tb_back7.png");
box-shadow: -10px -10px 25px rgb(71,71,71), 10px 10px 25px rgb(71,71,71);
}
main.h1 {
text-shadow: 1px rgb(221,221,221) , 5px 0 20px rgba(41,41,41,0.9);
}
/* Figure Box Styles */
figure{
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
width:70%;
border-style: solid;
border-width: 25px;
border-image: url(tb_frame.png) 60px 100%;
-webkit-filter: sepia(80%);
}
figure.caption{
font-family:"Palatino Linotype",Palatino,"Times New Roman",Serif;
font-style: italic;
margin: 10px 10px 0 0;
text-align: center;
}
/* Article Styles */
article
{
background-image: url("tb_back6.png");
background-position: right bottom;
background-size:15%;
border-right:8px rgb(147,116,68);
border-bottom:8px rgb(147,116,68);
border-bottom-right-radius: 80px;
box-shadow: -10px -10px 25px rgba(184,154,112,0.7);
}
/* Footer Styles */
footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: linear-gradient(325deg, rgb(180,148,104) 20%, rgb(40,33,23) 60%);
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.